Table Of Contents

Contact Form 7 Widget

How to Use Contact Form 7 Widget Empowered by Element Pack

Contact Form 7 widget is a user-friendly plugin, 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

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

2 10 - BdThemes

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

0 10 - BdThemes

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.


3 9 - BdThemes

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 for the contact 7 form.

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.


4 10 - BdThemes

Go to Style Tab> Label

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


5 11 - BdThemes

Go to Style Tab> Input

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

Submit Button

6 15 - BdThemes

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

7 10 - BdThemes

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.

[Note: in-page video link]

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

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 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.