How to connect your Webflow site to Brevo (Sendinblue)?

If you're looking to optimize data flows and user journeys on your Webflow site, you're in the right tutorial! 🤩

Here, we will show you how to automate your email campaigns and marketing efforts by connecting your Webflow site to the no-code web marketing tool Sendinblue. To enhance the various workflows that you will implement between your website and Sendinblue, we will utilize the no-code automation tool Integromat.

Integromat allows you to connect your no-code tools using modules. You will have a Webflow module that enables you to retrieve data from your website, such as information from your contact forms, registration forms, application forms, newsletter sign-ups, etc. Regarding the Sendinblue module, Integromat provides numerous actions to automate.

• Manage your contacts - find a contact in a list, create a contact, add, update, or delete a contact.
• Manage your lists - find a list, create a list, update it, or delete it.
• Manage your files - find a file, create a file, update it, or delete it.
• Manage your campaigns - find a campaign, update it, delete it, or create a new one, send a detailed report of a campaign, send an email.
• Other features - connect to the API, obtain accounts, send an SMS.

All these features will enable you to create automated flows between your Webflow site and your marketing campaigns. No need to manage your campaigns manually; Integromat and Sendinblue will handle retargeting your contacts, adding them to send lists, launching email campaigns, sending automated newsletters, and more.

Here’s how to connect Webflow and Sendinblue in four steps.

1 - Add a Webflow module to Integromat

1.1 - Connect your Webflow site to Integromat

Add a first Webflow module to connect your site to Integromat. This module serves as a “Watch Event” trigger, designed to retrieve data from your website after each new action.

For example, as soon as someone signs up for your newsletter, the automation will be triggered, and the Webflow module will receive their email address. This is a way to optimize the user journey on your website, enabling a welcome email to be sent immediately after the first registration. There’s no waiting time; Integromat receives data from Webflow in real-time.

1.2 - Activate the Webflow trigger

Since your workflow is not yet active, you will need to manually send the information to the Webflow trigger to continue setting up your automation. To do this, right-click on the module and click on “Run this module only.” Once your module is running, go back to your website and fill out the web form you want to connect. Return to Integromat and check that the data retrieved by the trigger matches what you want to reuse.

2 - Create a new API in Sendinblue

To connect your Sendinblue account to Integromat, you must first create a new API key in Sendinblue. To do this, go to the SMTP & API settings of your Sendinblue account. Then click “Generate a new API key.” Rename it to “Integromat API key” and copy it. If needed, here’s a link to all the Sendinblue API resources.

3 - Connect Sendinblue to your Webflow site

Connect your first Sendinblue module to Webflow in the Integromat interface. Choose the action you want to perform, such as “Create a contact” to create a new contact in your Sendinblue database. In this scenario, after each new form submission on Webflow, a contact will be created in Sendinblue.

4 - Associate your Webflow data with Sendinblue

Set up your Sendinblue integration by matching the different data from the Webflow module with the Sendinblue module. You will only need to retrieve the tags from the Webflow module and add them to Sendinblue. One field is mandatory in the Sendinblue module: the email address. Indeed, the Sendinblue database is designed to associate a contact by email address. This is because emails are what sign up for mailing lists. Thus, the same person can be listed in your database with multiple email addresses. This is essential for managing duplicates or unsubscribes from your lists effectively. Therefore, you must provide an email. Other corresponding fields for your Sendinblue “attributes” are optional, but we recommend filling them out if you wish to have a complete database.

Tip 💡 Check the “Show advanced settings” box to access additional module parameters.

The Note blog offers plenty of other tips to help you continue automating your Webflow site!