Integrating Brevo with Webflow Form Submissions Using Pabbly Connect

Learn how to create Brevo contacts from Webflow form submissions using Pabbly Connect in this detailed tutorial. Step-by-step guide included. Follow this definitive guide to creating powerful automated workflows with straightforward, efficiency-focused solutions that save valuable time.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Brevo with Webflow form submissions, first access Pabbly Connect by typing ‘Pabbly.com/connect’ in your browser. This platform serves as the central hub for your automation needs.

Once on the Pabbly Connect landing page, click on ‘Sign In’ to enter your account. If you are a new user, you can easily sign up. After signing in, navigate to the dashboard and select the option to create a new workflow. This is where the integration process begins.

2. Creating a Workflow in Pabbly Connect

In this step, you will create a workflow that triggers when a new form submission occurs in Webflow. Name your workflow something descriptive, such as ‘Create Brevo Contact for Webflow Form Submission’. This helps in identifying the workflow later.

• Click on ‘Create Workflow’ to initiate the process.
• Select ‘Webflow’ as your trigger application.
• Choose ‘New Form Submission’ as the trigger event.

Once you set this up, you will receive a webhook URL. This URL is crucial as it connects Webflow to Pabbly Connect, allowing data to flow seamlessly between the two applications.

3. Configuring Webflow for the Integration

Next, navigate to your Webflow account and go to the project settings of the site where your form is located. Click on the ‘Integrations’ tab, then find the ‘Webhooks’ section.

• Click on ‘Add Webhook’.
• Paste the webhook URL you copied from Pabbly Connect.
• Set the trigger type to ‘Form Submission’.

After saving the webhook, perform a test submission on your Webflow form to ensure that the connection is working correctly. This will send data to Pabbly Connect for processing.

4. Setting Up Brevo in Pabbly Connect

With the Webflow form configured, it’s time to set up Brevo (formerly Sendinblue) in Pabbly Connect. Choose Brevo as your action application and select ‘Create or Update Contact’ as the action event. This allows you to manage contacts based on form submissions.

To connect Brevo to Pabbly Connect, you will need to enter your Brevo API key. Log in to your Brevo account, navigate to the API keys section, and generate a new API key. Copy this key and return to Pabbly Connect to complete the connection setup.

5. Mapping Data and Testing the Integration

After successfully connecting Brevo, you need to map the fields from your Webflow form to Brevo. This ensures that the right data is sent to the correct fields in Brevo. For example, map the first name, last name, and email address fields accordingly.

Select the relevant fields from the previous step in Pabbly Connect. Choose the list in Brevo where the contact should be added. Click on ‘Save and Send Test Request’ to verify that everything is working.

Once the test is successful, you will see the new contact created in your Brevo account. This confirms that your integration between Webflow and Brevo through Pabbly Connect is functioning as intended. You can now automate the process of adding contacts seamlessly!

Conclusion

In this tutorial, we explored how to create Brevo contacts from Webflow form submissions using Pabbly Connect. By following the steps outlined, you can automate the contact creation process efficiently. This integration not only saves time but also improves your workflow.