help center

Search
Close this search box.
On this page

Create a contact form with Elementor

Last Update: February 2, 2024

Creating a contact form with Elementor can be achieved by using the Form Widget in Elementor Pro. Simply drag a form widget to your page from the editor panel and use the controls to create a beautiful and responsive form on your website.

image 3 Create a contact form with Elementor 1

Editing Your Form

From the editor panel, you may create and edit all the fields you wish to capture in your forms. The form widget supports most all popular field types such as text, text area, radio buttons, selectors, and more. These fields can also be set to required if desired.

You may style the forms by setting the column width layout to use fields on the same line. 

image 4 Create a contact form with Elementor 3

In our documentation, you will find a complete breakdown of all the available controls and settings for forms. Here is a directory of topics to guide you through the complete process.

Content Controls

  1. Form Fields
  2. Submit Button
  3. Actions after submit
  4. Additional Options

Style Settings

  1. Form
  2. Field
  3. Button
  4. Messages

Advanced

  1. Multi-Step Forms

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!