Add Forms in WordPress

Step 1: Open Elementor Editor

1. Log in to your WordPress dashboard.
2. Navigate to the page or post where you want to add the form.
3. Click Edit with Elementor to open the Elementor editor.

Step 2: Add a New Section

1. In the Elementor editor, click the + (plus) button to add a new section.
2. Choose a single-column structure (or any other layout depending on your design).

Step 3: Add the Form Widget

1. In the Elementor widget panel, search for Form.
2. Drag and drop the Form widget into the section.

Step 4: Customize Form Fields

1. Under the Content tab:
   • Add Fields: By default, you’ll see basic fields like Name, Email, and Message.
   • To add more fields, click the + Add Item button. Choose from text, email, number, textarea, radio buttons, checkboxes, etc.
   • Customize each field’s label, placeholder, and required status by clicking on it.

Step 5: Set Up Actions After Submit

1. Scroll down in the Content tab to the Actions After Submit section.
   • Set what happens when the form is submitted (e.g., Email, Redirect, Webhook, etc.).
   • To receive submissions via email, make sure the Email action is selected.
   • Configure the Email settings (recipient, from name, subject, and message content).

Step 6: Style the Form

1. Switch to the Style tab to customize the look of the form:
   • Form Fields: Adjust the typography, spacing, and color of the fields.
   • Button: Customize the submit button’s color, size, and hover effects.
   • Labels and Messages: Style the labels, required field indicators, and success/error messages.

Step 7: Advanced Settings (Optional)

1. In the Advanced tab, you can add additional settings like:
   • Motion Effects: Add entrance animations.
   • Responsive Settings: Control how the form appears on mobile or tablet devices.

Step 8: Publish/Update

1. Once you’re satisfied with the form design and settings, click Publish or Update to save the changes to your page.

Your Form is now live and ready to collect submissions!