Integrating Brevo and HubSpot with Webflow Using Pabbly Connect

Learn how to integrate Brevo and HubSpot with Webflow form submissions using Pabbly Connect for seamless automation. Implement the precise methodologies leading organizations use to automate repetitive tasks, illustrated with practical examples designed for immediate application.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start the integration process, you need to access Pabbly Connect. This platform allows you to automate workflows between different applications seamlessly. Begin by signing up for a free account on Pabbly Connect’s website, where you can get free automation tasks each month.

Once signed in, navigate to your dashboard. Here, you will find the option to create a new workflow. Click on the ‘Create Workflow’ button and provide a suitable name for your workflow. This is the first step in setting up the automation between Webflow, Brevo, and HubSpot.

2. Setting Up Webflow Trigger in Pabbly Connect

In this step, you will set up the trigger for your workflow using Pabbly Connect. The trigger will be a new form submission from your Webflow site. Click on the trigger window and select Webflow as your trigger application.

• Choose the trigger event as ‘New Form Submission’.
• Copy the provided webhook URL.
• Paste this URL into your Webflow form settings under Project Settings.

After adding the webhook, your Webflow form will send data to Pabbly Connect whenever a new submission occurs. This is essential for automating the process of transferring data to Brevo and HubSpot.

3. Testing the Webflow Form Submission

Now that you have set up the trigger, it’s time to test the form submission. Go to your Webflow site and manually fill out the form with test data. For example, enter a name, email address, and phone number.

Once you submit the form, return to your Pabbly Connect dashboard. Here, you will see if the data from your test submission has been captured successfully. This confirmation is crucial as it ensures that the data flow between Webflow and Pabbly Connect is working correctly.

4. Creating Contacts in Brevo Using Pabbly Connect

With the data captured, the next step is to create contacts in Brevo. In your Pabbly Connect workflow, add an action step and search for Brevo. Select the action event as ‘Create or Update Contact’.

• Connect your Brevo account by entering the required domain and API key.
• Map the fields from the Webflow form submission to the Brevo contact fields.
• Test the connection to ensure the contact is added successfully.

Once tested, you should see the new contact appear in your Brevo account. This integration allows for seamless contact management without the need for manual data entry.

5. Adding Contacts to HubSpot CRM

Finally, you will add the same contact to HubSpot. In your Pabbly Connect workflow, add another action step and search for HubSpot. Choose the action event as ‘Create Contact’.

Connect your HubSpot account by selecting the account name and allowing access. Map the necessary fields like first name, last name, email address, and phone number from the previous steps to HubSpot.

After mapping the fields, test the connection to ensure that the contact is created in HubSpot as well. Once confirmed, you will see the new contact in your HubSpot CRM, completing the integration process.

Conclusion

This tutorial demonstrated how to integrate Brevo and HubSpot with Webflow form submissions using Pabbly Connect. By following these steps, you can automate contact management and streamline your workflow efficiently.