Combine Forms in Elementor
### Method 1: Using the Elementor Form Widget
1. **Edit Your Page**: Open the page where you want to combine the forms in Elementor.
2. **Add a New Section**: Drag a new section onto your page.
3. **Insert Form Widget**: Search for the **Form** widget in the Elementor panel and drag it into your new section.
4. **Add Fields**: Add the fields from both forms into this single form. You can do this by:
– Clicking on **Add Item** to create new fields.
– Setting the field types (e.g., text, email, textarea) according to your needs.
– Labeling each field appropriately.
5. **Configure Actions After Submit**: Go to the **Actions After Submit** section to set up what happens when the form is submitted. You can choose actions like email notifications, redirects, etc.
6. **Styling**: Customize the appearance of your combined form using the Style tab in Elementor.
7. **Save Changes**: Once you're satisfied, click the **Update** button to save your changes.
### Method 2: Using Shortcodes (if forms are created separately)
If your forms were created using separate plugins or methods, you can combine them using shortcodes:
1. **Find Shortcodes**: Determine the shortcodes for the forms you want to combine. This is usually available in the form plugin's documentation.
2. **Edit Your Page**: Open the page in Elementor.
3. **Add a New Section**: Drag a new section onto your page.
4. **Insert Shortcode Widget**: Search for the **Shortcode** widget in the Elementor panel and drag it into your section.
5. **Combine Shortcodes**: You can use multiple Shortcode widgets for each form, or combine them in one Shortcode widget by separating them with a space or line break.
6. **Save Changes**: Click the **Update** button to save your changes.
### Method 3: Custom Code (if necessary)
If you're looking for more advanced combinations (like conditional fields), you may need to use custom code or a more complex form plugin that allows conditional logic.
### Tips
– **Testing**: After combining the forms, ensure to test them thoroughly to make sure submissions work correctly and the data is sent where it's supposed to go.
– **Styling**: Pay attention to the styling of the combined form to ensure it looks cohesive and user-friendly.
Let me know if you need help with specific steps or further customization!