How to Add a Contact Form in Elementor

There are numerous reasons why a contact form in Elementor is important. For one, it is a way for audiences to contact you and ensure that they reach the right email address. Therefore you can contact those who are just browsing your website into active leads and perhaps customers with personalized emails that address their concerns.

Then you can use a contact form as a way to grow your email marketing list. There are lots of things that you can offer visitors to your website to improve the website’s lead generation. For example, you can offer a $5 voucher or something else to help you improve uptake.

Another reason is that you can use the contact form as the first point of contact for customer service.

There are several problems with a contact form. For instance, you will have issues such as spammers using the contact form to continuously contact you about the services that they have. Most notably you will have lots of SEO ‘experts’ contact you through contact forms. However, you should never engage with them. If they were good at SEO, they wouldn’t need to cold email thousands of people per day.

In addition, what tends to happen is that these ‘experts’ will take money and then not do any positive work, and perhaps even take your website down in the rankings.

To avoid this, you need to have captcha, which can be added to your website.

It is simple to add a contact form to your WordPress site using Elementor. The exact steps depend on whether you have Elementor Pro or the free version.

If you have Elementor Pro:
Open the page where you want the contact form in the Elementor editor. In the widget search panel on the left, type “Form” and look for the Form widget (it has a form icon). Drag and drop the Form widget onto your page wherever you want the form to appear.

Click the widget to open its settings. By default, it includes three fields: Name, Email, and Message. Use the ‘+ Add Item’ button to add more fields, or remove any you don’t need. You can set each field as required or optional.

Scroll down to the ‘Actions After Submit’ section. Click ‘+ Add Action’ and select ‘Email’. Set the email address where submissions should be sent, customize the subject line, and choose which fields to include in the notification.

Use the Style tab to match the form’s colors, typography, and button design to the rest of your site. When you’re done, click Update to publish the form.

If you are using free Elementor:
Install a free contact form plugin such as the one listed in our WordPress contact form plugins guide. Once the form is created in the plugin, copy the shortcode it provides. In the Elementor editor, search for the Shortcode widget, drag it onto the page, and paste the shortcode into the content field. The form will display on the front end.