Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Kyle Cash / Last Updated January 13, 2023

How to Create an Elementor Contact Form [For Free!]

Looking to create an Elementor contact form? This guide will teach you how to create a WordPress Elementor form in a few simple steps!

How to Create an Elementor Contact Form

Approximate read time: 4.5 minutes

Did you know contact forms have a conversion rate of 3-5%?

While that number may seem small initially, it quickly increases over time. And if you don’t have a contact form using Elementor, you’re missing out on those signups.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

But, lucky for you, we have the perfect guide for you here using the best form builder for WordPress: Formidable Forms. (Best of all, you can do it for free!)

Let’s get started.

  • Why use a plugin for your Elementor contact form
  • How to create an Elementor contact form in WordPress
    • Customize your Elementor contact form

      Why use a plugin for your Elementor contact form

      Does Elementor have contact forms? You may be asking.

      And, yes, it has a form builder to build contact forms. However, it’s only available to Elementor Pro subscribers because you need the Elementor Form Widget.

      Example contact form

      And that’s where Formidable Forms comes in. It’s an advanced form builder (like WP Forms) that allows you to create any form you need for your website. From contact forms to payment forms, it covers it all.

      You can also use the free version of the forms plugin to create your form for Elementor for free!

      While we recommend checking out the premium version for all the advanced features, it’s not necessary for this tutorial.

      But, if you are interested, here are some of the features you get:

      • Email service integration (Mailchimp, Constant Contact, etc.)
      • 100+ form templates
      • Calculators
      • Quizzes
      • Surveys
      • Conversational forms

      We’d list more, but we think you get it! For the complete list, check out our feature page.

      So, enough with the why. Let’s get to the how ?.

      How to create an Elementor contact form in WordPress

      First, you need to download the Formidable Forms WordPress plugin.

      You can head to WordPress to get the free version or head to our pricing page and snag a premium subscription. 

       Get Formidable Forms now!

      Once you get it installed and activated, it’s a few simple steps:

      1. Create your contact form
      2. Add your form to your website
      Formidable Forms Free WordPress Plugin

      Step 1: Create your contact form

      First, head to your WordPress dashboard, go to Formidable → Forms and click Add New in the top left.

      Add New Button in Formidable Forms

      Here, you can choose to start with a Blank form. Or, if you have the pro version, you can get a head start and use one of the pre-made templates, like the Contact Us Page template.

      For our example, we’ll choose a Blank form.

      Next, give your form a name, then click Create.

      The plugin will take you to its drag-and-drop form builder. Here, you can add any fields you want.

      Formidable's drag-and-drop builder

      We’ll add Name, Email, and Paragraph form fields so visitors can send us a message, and we can respond using their email addresses.

      You can click each field to customize the label in the field editor on the left. So, feel free to customize your form until it fits your needs.

      Last, click Update to save your changes.

      Step 2: Add your form to your website

      Now it’s time to let your contact form shine like the lights on Broadway.

      First, navigate to your Elementor’s page builder on the page where you want to show your form. For example, we’ll post ours on a Contact Us page where visitors can easily reach out.

      Once there, the Elementor Page Editor should look something like this:

      Elementor Page editor

      In the left-hand menu, find the Formidable Forms widget, or search for it to make things easier.

      Formidable Forms block in Elementor

      Drag it to the section of the page where you want to have your contact form.

      Next, choose the form you want to show from the dropdown menu. Then, set a few additional settings in the left-hand menu:

      Edit form settings

      If you’d like to customize your form’s styling options, head to Formidable’s Visual Form Styler, where you can create a standard look for your forms.

      Last, simply update the page, and your form is ready to go!

      If you’d like to adjust the contact form's design, choose the Elementor Editor’s Advanced tab to edit with Elementor.

      Elementor advanced tab

      Here, you can adjust different options, such as margins, padding, and column width.

      But, once you’re finished, you’ve got your simple contact form ready!

      Customize your Elementor contact form

      So, that’s how to add a contact form to WordPress and Elementor for free using Formidable Forms!

      But how about customizing your form to fit your site’s unique look?

      Lucky for you, that’s where Formidable’s Visual Form Styler comes in.

      With its styler, you can customize the colors, sizes, padding, and more of your forms until they look exactly how you want.

      And we also have a few posts we think you’ll find helpful:

      • Beautiful Contact Form Design in WordPress (with Examples)
      • WordPress Form Design (Increase User Engagement Now!)
      • Visual Form Styler

      And that’s just a few of the benefits of Formidable.

      The pro version gives you even more features to supercharge your forms and your website.

      Ready to create your Elementor contact form?

      And that’s how easy (and cheap) it is to create a contact form in Elementor!

      If you’d like to customize what happens when the visitor submits the form, we recommend checking out this guide on form submissions!

       Get Formidable Forms now!

      Last, follow us on Twitter, Facebook, and YouTube for more great Elementor tips and tricks!

      Read more about contact forms!

      • How to Change a WordPress Contact Form Style How to Change a WordPress Contact Form Style
        Read More
        How to Link to a WordPress Form How to Link to a WordPress Form [4 Different Ways!]
        Read More
        How to Link a Button to a Form in WordPress How to Link a Button to a Form in WordPress [A Simple Way!]
        Read More

      Did you know that Formidable Forms is one of the fastest WordPress form builder plugins available today? If you're not already using it, get started with our free plugin or the full-featured pro version!

      Using WordPress and want to get Formidable Forms for free?

      Get Formidable Forms Lite Now

      This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

      Leave a Reply Cancel reply

      Your email address will not be published. Required fields are marked *

      Get Email Updates

      Popular Resources

        • How to Create a Searchable Database on a WordPress Site
        • Create a WordPress Custom Calculator: Easy, Powerful Results
        • How to Create a Fitness Tracker in WordPress
        • Formidable Views: The Best WordPress Custom Application Plugin
        • How To Require Email To Download Files in WordPress
        • How to Create Conditional Drop Down Lists in WordPress Forms
        • Best Gravity Forms Alternative for WordPress: Formidable Forms vs. Gravity Forms
        • How to Make a Quiz in WordPress
        • WPForms Alternative: Formidable Forms vs. WPForms Compared

      Take on bigger projects Right Now

      Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

      Get the most advanced WordPress form plugin and the only form builder with integrated Views.

      Get Formidable Forms Now

      Resources

      • Community
      • Affiliates
      • Contact
      • Free Online Form Builder

      Top Features

      • Application Builder
      • Calculator Forms
      • Surveys & Polls
      • Quiz Maker
      • Form Templates
      • Application Templates
      • Directories
      • Donation Plugin

      Company

      • About Us
      • Giving Back
      • Careers
      • Newsletter
      • WP Tasty
      • Nutrifox

      Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
      Privacy Policy | Terms of Service | Sitemap

      Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews