How to Create Brevo (Sendinblue) Contact on Elementor Form Submission Using Pabbly Connect

Learn how to integrate Brevo (Sendinblue) with Elementor Form Submission using Pabbly Connect. Follow our step-by-step guide for seamless automation! Master proven automation processes with practical implementation examples and strategic recommendations you can apply immediately in your workflow.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To create a Brevo contact on Elementor form submission, you first need to access Pabbly Connect. This platform is essential for automating the process between Elementor and Brevo.

To start, simply type ‘Pabbly.com/connect’ into your browser. You will see options to sign in or sign up for free. If you are a new user, click on ‘Sign Up for Free’ to create an account and receive 100 tasks each month for free. Existing users can sign in directly.

2. Creating a New Workflow in Pabbly Connect

Once logged into Pabbly Connect, navigate to your dashboard. Click on the ‘Create Workflow’ button located in the top right corner. Here, you need to name your workflow, for instance, ‘Create Brevo Contact on Elementor Form Submission’.

• Click on ‘Create’ to proceed.
• Select ‘Elementor’ as your trigger application.
• Choose ‘New Form Submission’ as the trigger event.

After selecting these options, you will set up the action application next, which will be Brevo. This action will create a contact each time a form is submitted.

3. Connecting Elementor to Pabbly Connect

To connect Elementor to Pabbly Connect, you will receive a webhook URL from the trigger step. This URL acts as a bridge between Elementor and Pabbly Connect.

Edit the page where your Elementor form is located. Under the ‘Actions After Submit’ section, select ‘Webhook’ and paste the URL you copied from Pabbly Connect. After updating, your form is ready to send data to Pabbly Connect.

4. Testing the Form Submission

Once you’ve set up the webhook, it’s time to test the integration. Fill in the Elementor form with sample data, such as first name, last name, email, and phone number, and submit it. This action will trigger the webhook and send the data to Pabbly Connect.

After submission, return to Pabbly Connect to check if the response was captured. You should see the form submission data, confirming that the trigger is working correctly.

5. Creating a Contact in Brevo

Now, you can set up the action to create a contact in Brevo. Click on ‘Connect’ in the action step and input your Brevo domain and API key. You can generate a new API key from your Brevo account under the SMTP & API section. using Pabbly Connect

Once the connection is established, map the fields from the form submission to Brevo. This includes mapping the email, first name, last name, and phone number. Ensure that you select the correct list in Brevo where the contact will be added.

Finally, click ‘Save’ and test the action to confirm that a new contact is created in Brevo upon form submission. Refresh your Brevo contacts list to see the new entry.

Conclusion

In this tutorial, we demonstrated how to create a Brevo contact on Elementor form submission using Pabbly Connect. By following these steps, you can automate the process effectively, ensuring every form submission is captured as a contact in Brevo.