Native Integrations Beat Third-Party Forms
Elementor Pro Form widget = native integrations with 15+ services. Skip WPForms, Contact Form 7, Fluent Forms if you have Pro.
Setup for each integration below.
Form Widget Basics
Drag Form widget → Content tab → configure:
- Form Fields (add/remove/reorder)
- Buttons (submit + steps)
- Actions After Submit (email, redirect, integrations)
1. Email Notifications (Default)
Actions After Submit → Email:
- To: your@email.com
- Subject: [field id=”name”] submitted a form
- Message: [all-fields]
- From Email: noreply@yourdomain.com (must exist)
Critical: install WP Mail SMTP and configure Gmail/SendGrid/Mailgun. WordPress default mail() fails on 60% of hosts.
2. Mailchimp
- Get API key: Mailchimp → Account → Extras → API Keys
- Elementor Site Settings → Integrations → Mailchimp → paste API key
- Form widget → Actions After Submit → add Mailchimp
- Select audience/list
- Map form fields to Mailchimp fields
- Optional: tag new subscribers
3. ActiveCampaign
- Get API URL + key: ActiveCampaign → Settings → Developer
- Elementor → Integrations → ActiveCampaign → connect
- Form → Actions → ActiveCampaign
- Select list, map fields
- Add tags for segmentation
4. HubSpot
- HubSpot → Settings → Integrations → API Key
- Elementor Integrations → HubSpot → connect
- Form Actions → HubSpot
- Map to HubSpot properties
- Contact automatically added to CRM
Pro tip: use “hidden” form field for lead source (e.g. UTM source) to segment leads by campaign.
5. ConvertKit
- ConvertKit → Account Settings → API
- Elementor Integrations → ConvertKit
- Form Action → ConvertKit → select form
6. GetResponse
Similar flow: API key from GetResponse → Elementor Integrations → connect → Form Action → map fields.
7. MailPoet
Native WordPress plugin. No API needed. Install MailPoet → Form Action → MailPoet → select list.
8. Slack
Send form submissions to Slack channel:
- Slack → create Incoming Webhook
- Copy webhook URL
- Form → Actions → Slack → paste webhook
- Configure message format with [field] tags
Result: every form submission = instant Slack notification.
9. Discord
Same as Slack — Discord webhook URL → Form → Actions → Discord.
10. Webhook (Universal)
Connect ANYTHING via webhook:
- Form → Actions → Webhook
- Paste webhook URL from destination service
- Enable Advanced Data option for full field data
Use with:
- Zapier → connects to 5,000+ apps
- Make (Integromat) → cheaper Zapier alternative
- n8n → self-hosted automation
- Pabbly Connect → one-time payment alternative
11. Google Sheets (via Webhook + Zapier)
- Zapier → new Zap → Trigger: Webhook
- Action: Google Sheets → Create Spreadsheet Row
- Copy webhook URL from Zapier → paste into Elementor Form Webhook action
- Test submission → verify row created
12. Google Sheets (Direct, No Zapier)
Use Google Apps Script webhook:
- Create Google Sheet
- Extensions → Apps Script
- Paste webhook receiver script (available on GitHub)
- Deploy as web app → copy URL
- Paste into Elementor Webhook action
Free forever. No Zapier task limits.
13. Notion Database
Via webhook → Zapier → Notion. Every lead = new Notion database row. Great for lightweight CRM.
14. Airtable
Similar — webhook → Zapier → Airtable → create record.
15. Redirect After Submit
Form Actions → Redirect:
- URL: /thank-you/
- Enable “Redirect to” with dynamic tags for personalized thank-you pages
Thank-you page = key conversion tracking event for Google Ads / Meta Pixel.
16. Popup After Submit
Form Actions → Popup → select Elementor Popup template. Use for:
- Lead magnet delivery (“Check your email for the PDF”)
- Upsell offer
- Survey follow-up
17. Meta / Facebook Pixel Event
Track form conversions:
- Install Meta Pixel via GTM or Elementor Site Settings → Custom Code
- Form → Actions → Custom Code (or thank you page has:
fbq('track', 'Lead');)
18. Google Ads Conversion Tracking
Similar — fire Google Ads conversion pixel on thank-you page or via Form Action → Custom Code.
19. Conditional Logic
Form field → Advanced → Conditional Logic:
- Show field only if another field matches condition
- Example: show “Company Name” only if user selects “Business” role
Reduces perceived form length.
20. Multi-Step Forms
Add Step widget between form fields. Each step = new “page”:
- Progress bar shows position
- Users see 3 fields at a time instead of 12
- Conversion lift: 20-40% on long forms
21. File Uploads
Form Field → Type: File Upload:
- Set max file size (usually 10MB)
- Allowed file types: pdf, jpg, png, docx
- Files attached to email notification OR uploaded to media library
22. Honeypot / Anti-Spam
Form → Content → Additional Options → enable Honeypot. Invisible field bots fill, humans skip. Reduces spam ~95%.
Add reCAPTCHA v3 for stronger protection:
- Google reCAPTCHA → create v3 site key
- Elementor Integrations → reCAPTCHA
- Form → add reCAPTCHA field (invisible on frontend)
23. Save to Database
Form → Actions → Collect Submissions.
All submissions saved to WordPress database (Elementor → Submissions). Export as CSV anytime.
24. Custom Confirmation Pages Per Form
Different forms need different post-submit UX:
- Newsletter form → thank-you popup
- Contact form → thank-you page
- Booking form → calendar redirect
- Lead magnet form → email delivery + thank-you
Configure per form via Actions After Submit.
Real Case
SaaS client — contact form:
- Native email notification
- ActiveCampaign add + tag “website_lead”
- Slack notification to #sales channel
- HubSpot contact create
- Zapier webhook → Google Sheets backup
- Redirect to Calendly booking page
Lead-to-sales-call time: 8 hours → 15 minutes. Same form, multi-action.
Need Complex Form Integration?
Multi-step forms with CRM + payment + booking integration: book here. Typical delivery: 2-3 working days.
FAQ
Can I use multiple actions on one form? Yes. Add unlimited Actions After Submit — email + CRM + Slack + redirect all fire in sequence.
Do I need Zapier? Only for services Elementor doesn’t natively integrate. Native integrations cover Mailchimp, HubSpot, AC, ConvertKit, MailPoet — no Zapier needed.
Can I edit form styling in Elementor? Yes — Style tab has full control over labels, inputs, buttons, spacing per breakpoint.
Is Elementor form widget better than WPForms? If you have Pro: yes. Integrations broader, no separate plugin. WPForms shines in free tier — Elementor free form is basic.

Leave a Reply