Need a contact form, a lead form or a quote request form in Elementor, without paying for Elementor Pro?
The Form widget from The Plus Addons for Elementor builds forms right in the editor. The free plugin covers the basics; Pro adds more field types, spam protection and marketing integrations.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — works in the free plugin and in Pro. Some field types and actions need Pro, as marked below.
- Widget to enable: Form, switched on under The Plus Addons > Widgets.
- Elementor (free) installed and activated.
Switch On the Form Widget
- In your WordPress dashboard, go to The Plus Addons > Widgets.
- Search for Form and turn on its toggle.
Free vs Pro
| Feature | Free | Pro |
|---|---|---|
| Field types | Text, Long Text, Email, Number, Hidden, HoneyPot, Dropdown, Date, Time | Everything in Free, plus Phone Number, Radio, Checkbox, URL, Agree to Terms, Cloudflare, ReCAPTCHA |
| Submit actions | Email, Redirect | Everything in Free, plus Database Entry, Auto Respond Email, Active Campaign, Brevo, ConvertKit, GetResponse, Mailchimp, MailerLite, Drip, Webhook, Slack, Discord |
| Spam protection | HoneyPot field | Google reCAPTCHA v3 and Cloudflare Turnstile |
Build the Form (General)
- Add the Form widget to your page.
- In Content > General, enter a Form Name (called Unique Form Name in the free plugin). You can also start from Import Presets.
- Open a field in the list. On its Content tab, choose the Type and set the Label, Placeholder, Required and Column Width.
- Use + Add Item to add fields, and drag them to reorder.
| Field setting | What it does |
|---|---|
| Type | The kind of field (see the table above) |
| Options | For Dropdown, Radio and Checkbox: one option per line (called Dropdown Options in the free plugin) |
| Autofill (Pro) | Lets the browser fill the field from saved details. On by default |
| Column Width | The field width in %, per device. Two fields at about 50% sit side by side |
| Default Value, Help Text, Aria Description | On the field’s Advance tab |
| Unique ID | The field’s ID, used in emails and integrations. Letters, numbers and underscores only, no spaces, and unique on the page |
| Data Shortcode | The shortcode that inserts this field’s value into an email: [value_id=" + the Unique ID + "], for example [value_id="email"]. In Pro it fills in when you type the Unique ID |
Button
Set the Button Text (default Send), an optional Font Awesome icon with Icon Position (Before or After), Inline Button and Button Width. The button’s Advance tab has a Button ID.
Submit Actions
Add Action decides what happens when someone submits the form. You can pick more than one.
- Email: receive each submission by email
- Redirect: send visitors to another page
- Database Entry (Pro): save submissions in WordPress
- Auto Respond Email (Pro): email the visitor
- Active Campaign, Brevo, ConvertKit, GetResponse, Mailchimp, MailerLite, Drip (Pro): add the visitor to your email marketing tool (see Related Docs)
- Webhook, Slack, Discord (Pro): send the submission to another app or a chat channel
Message Content
Change the texts visitors see after they click the button. In Pro, the success and error messages disappear after 5 seconds; in the free plugin they stay on the page. In the free plugin, an empty required field is flagged by the browser’s own check.
| Message | When it shows | Default |
|---|---|---|
| Success Message | The form was sent | Form Submitted Successfully |
| Mandatory Fields | Under a required field left empty | Field is Required. (free: This field is required.) |
| Form Validation Error | The form has invalid input | Invalid form! Please check it again. |
| Submission Issue | An action failed, for example an integration. Add %error% to show the reason | There was an error in submitting the form. |
| Server Issue | The request to your site failed | A server error occurred. |
This is how the success message looks on the page after a submission:
Extra Options
Form ID gives the form an HTML ID (and names it in saved submissions). Show Form Title shows the Form Name above the form, Show Label shows the field labels, and Required Mark shows the * next to required fields.
Style the Form
On the Style tab you’ll find General (row and column gaps, form title), Fields, Submit Button, Help Text and Message Content.
Limitations
- The HoneyPot field currently does not stop submissions. In our test, a filled-in HoneyPot was still sent. Use reCAPTCHA or Cloudflare Turnstile (Pro) against spam.
- There is no file upload field.
- Each email box (To, CC, BCC) takes one address.
