How To Connect Elementor With N8N [AI Automation]

If you’re using Elementor and want to automate your form submissions with N8n, this guide will show you two simple methods, one for Elementor Pro users and one for free users using Contact Form 7.

Method 1: Using Elementor Pro Forms

1. Open your page in Elementor and select the form you want to connect.
2. In the form settings, go to Actions After Submit → Add Webhook.
3. Copy your N8n webhook URL and paste it into the webhook field.
4. Publish the form.
5. Test the form submission to see data appear in your N8n workflow.

Now you can build any automation, workflow, or AI integration with your submitted data.

Method 2: Using Free Elementor Forms with Contact Form 7

1. Install Contact Form 7 and CF7 to Webhook plugins.
2. Create a form in Contact Form 7 and add your N8n webhook URL using CF7 to Webhook.
3. Embed the Contact Form 7 shortcode into your Elementor page.
4. Test your form submission and check your N8n workflow to ensure data is received.

This method is perfect if you don’t have Elementor Pro but still want to automate your form submissions.

Connecting Elementor forms with N8n is that easy! Whether you’re using Pro or Free, you can streamline your workflows and save time with automation.