How to Use Contact Form 7 Widget

How to Use Contact Form 7 Widget

Contact Form 7 widget is a user-friendly, made for your visitors to easily send their inquiry, message, or contact information within minutes. This lightweight widget is not only fast but also simple.

Though it is a 3rd party widget at Element Pack, they made sure that you can customize it. To use this easy-to-use widget effectively, you need to know how it works. Let me give you a complete guide to it!

Installing Contact Form 7 Widget

Go to WordPress Dashboard> Element Pack> 3rd Party Widgets

From there, click on the download button to download and install the widget automatically. When it’s done, you will see a window saying “Activate”. Click on that and you are ready to go.

Contact Form 7

Go to WordPress Dashboard> Contact> Add New

To make the widget work, you have to add contact information fields into it manually. The Contact tab lets you make your contact form using HTML raw code. Once you have added the information in the fields, you are ready to go to the next step.

To Insert Widget

Inserting widget is just a matter of drag and drop. However, click and hold on the widget icon from the menu and drag it to the drop point. Follow the picture above.

Content Tab

Using the Content tab, you can basically make a layout of a particular part of the website.

Layout

Go to Content Tab> Layout

The Layout section is the only section under Content Tab. Here, you have to choose a form by Select Form drop-down controller. The selection will show the form you have created in the dashboard. You can also increase the space within the contents.

Style Tab

Now, time for some Style. In this Style tab, you will have more options to create your unique Contact Form as you like. Let’s have a look.

Label

Go to Style Tab> Label

You can change all the label color and typography from this section.

Input

Go to Style Tab> Input

In this section, you can color and shape the input fields. You can also increase the height of the message box and choose any border.

Submit Button

Go to Style Tab> Submit Button

In this section, you can change the appearance of the submit button by editing its color, typography, border, etc.

Additional Option

Go to Style Tab> Additional Option

The last section has 3 switchers. By turning them on, you can convert the input fields and button box to full-width.

Video Assist

Well done. Seems you have learned the whole thing and how it works. It is easy and fun. Watch Video Assist and to get more in-depth ideas about the usage of the Contact Form 7 widget, take a tour to the demo page.



A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.

Contact

Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 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.