Create Elementor Form Template
### Step 1: Create the Form
1. **Open Elementor**: Navigate to the WordPress dashboard and select the page where you want to create the form. Click on "Edit with Elementor."
2. **Add a New Section**: Click the "+" button to add a new section to your page.
3. **Search for the Form Widget**: In the Elementor panel, search for the "Form" widget. Drag and drop it into the section you just created.
4. **Customize the Form**: You can add various fields (e.g., text fields, email fields, dropdowns) by clicking on the form fields in the panel. Customize the field settings, including labels, placeholders, and validation rules.
5. **Set Actions After Submit**: Go to the "Actions After Submit" section in the form settings. Here, you can choose what happens after the form is submitted, such as sending an email, redirecting to a thank you page, or integrating with third-party services.
6. **Style the Form**: Use the "Style" tab to customize the appearance of your form, including colors, fonts, spacing, and more.
7. **Save the Form**: Once you’re satisfied with the form, click on the "Publish" or "Update" button to save your changes.
### Step 2: Save the Form as a Template
1. **Save as Template**: After creating the form, right-click on the section containing the form and select “Save as Template.” Give it a name and click “Save.”
### Step 3: Attach the Form to Any Page
1. **Edit the Target Page**: Go to the page where you want to add the form. Click on "Edit with Elementor."
2. **Insert Template**: Add a new section or select an existing one where you want the form to appear. Search for the “Template” widget in the Elementor panel.
3. **Select Your Saved Template**: Drag the Template widget into the section and select the form template you saved earlier from the dropdown menu.
4. **Publish/Update the Page**: Click on "Publish" or "Update" to save your changes.
### Additional Options
– **Global Widget**: If you want to use the form on multiple pages without needing to copy it, you can save the form as a Global Widget. Right-click on the form widget and choose “Save as Global.” You can then insert this global widget anywhere in your site.
– **Shortcodes**: If you have any additional shortcode options available in your form plugin, you can use those shortcodes in the shortcode widget to display the form on any page.
### Conclusion
Now you have a common form created in Elementor that can easily be attached to any page. This setup allows for consistency and easy updates to the form across your site. If you have any questions or need further assistance, feel free to ask!