Website Building » Elementor » How do I add a form to an Elementor?

How do I add a form to an Elementor?

Last updated on September 25, 2022 @ 3:34 am

Adding a form to an Elementor is as easy as adding a

tag to your page. Once added, you can begin adding the required attributes to configure the form.

Attribute Description Required type The type of form that you are adding. Must be “form”. Yes method The method by which the form will be submitted. Must be “post”. Yes action The URI that will be used to submit the form. Must be the same as the method attribute.

No input The name of the input field for the form. Yes label The text that will be displayed next to the input field. Yes inputType The type of input field. Must be “text”. Yes required The required flag. When set to “true”, the user must fill out the form before submitting it. No.

To create a simple form, you would use the following code:

To add a form to an Elementor page, you would add the following code:

PRO TIP: Adding a form to an Elementor can be done by following these steps:

1. Go to the Elementor editor and click on the ‘+’ icon.

2. Select the ‘Form’ element from the list of available elements.

3. Drag and drop the ‘Form’ element into your desired location on the page.

4. Configure the ‘Form’ element settings according to your needs.

5. Save your changes and preview the page to see the results.


Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.