Table Of Contents

Qu Form widget

How to Use Qu Form Widget

You can find many other forms making plugins around you. But which one is perfect? Maybe you don’t know about the Qu Form Widget. But I’m here to help. Let me show you around.

Before moving forward, you should keep in mind two things:

  • Firstly, installing the Qu Form plugin.
  • Then, to make a form using the plugin.
  • Finally, the use of the widget for displaying the form on site.

Let’s dive into the documentation.

Qu From

Perform the following steps and feel chill.

Step-1: Since Qu Form is a third-party as well as a paid plugin, you first have to install and activate the q form plugin.

installaing Qu Form widget

Note: Since the plugin is paid, you have to purchase first and after that install the plugin. If you have already installed the plugin earlier, then, you’ll be able to use the plugin with Element Pack.

So, go to DashboardElement Pack> 3rd Party widgets> hit the Install button and it will take you to the page. Then, purchase the plugin and install it.

Step-2: Next, go to the Qu Fomrs Forms> Add New. Then, create a form as you like. For that, use the tools of the Qu Form builder. As you can see in the image below.

QuFormWidget 2 - BdThemes

Whatever form you make, you’ll find them. Look at the Qu Form on the left sidebar of WordPress dashboard.

QuFormWidget 3 - BdThemes


Step-3: Go to Element Pack > 3rd Party WidgetsQuForm> hit the activate button(if not activated) > finally, click on the Save Settings button.

QuFormWidget 4 - BdThemes



Qu Form Widget: A way of Demonstrating web form

Move on and follow the instructions and pictures inserted below.

To Insert Widget

quformInstallation - BdThemes

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the WordPress form plugin inside the page.

Content Tab

The content tab having some handy sections and they will really get you to have a structure of the Qu Form Widget.

Layout

In the step-2 under the title Qu Forms, I’ve shown how to make a form using the Qu Forms plugin.

QuFormWidget style 1 - BdThemes

Go to the Content tab > Layout > Select Form.

Style Tab

Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design the Qu Form widget. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Label

QuFormWidget style 2 - BdThemes

Just, go to the Style tab > Label.

From this section, you will be able to add color and set typography. Hit the globe icon and color pallet on the right side of the globe icon.

Sub Label

QuFormWidget style 2 1 - BdThemes

Only go to the Style tab > Sub Label. Actually, here can add color and set typography

Description

QuFormWidget style 3 1 - BdThemes

If you add a description in the form, then you’ll be able to style the description from this section. Look at the section.

Input

QuFormWidget style 4 - BdThemes

Go to the Style tab > Input. In case, you allow text in the input field, you can style the text. Mostly, from this section, you’ll be able to adjust text-area height and Element Space.

Submit Button

QuFormWidget style 5 - BdThemes

In both the Normal and Hover tab, you will be able to beautify the submit button. And for that go to the Style tab > Submit Button for the q form.

Error

Go to the Style tab > Error.

Mainly, if you input any wrong information in the form, then after submitting the WordPress form. You’ll find an error message. Actually, you might style the error message from this section.

Additional Option

QuFormWidget style 6 - BdThemes

Finally, you, from this section, can set the button in full-width. Go to the Style tab > Additional.

Video Assist

In conclusion, in this documentation you’ve seen, you need to install the plugin first, next to activate the widget, and finally to insert the widget in the section. Be sure to check the demo page provided by Bdthemes.

Thanks.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.