How to connect your Webflow site to Sendinblue?

Sendinblue is a no-code tool that allows you to create targeted marketing campaigns. Connect Webflow to Sendinblue to automate your marketing campaigns, and improve the user experience of your website.

Key points to remember

If you are looking to optimize the data flows and user journey of your webflow site, you are on the right tutorial! 🤩

Here we show you how to automate your emailings and marketing campaigns by connecting your Webflow website to the no-code webmarketing tool Sendinblue. To optimize the different workflows you will set up between your website and Sendinblue, we will use the no-code automation tool Integromat.

Integromat offers you the possibility of connecting your no-code tools using modules. You will have a Webflow module that will allow you to retrieve data from your website, for example from your contact forms, registration forms, application forms, newsletter, etc. As for the Sendinblue module, it integromat offers you many 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 or delete it.
Manage your files - find a file, create a file, update or delete it.
Manage your campaigns - find a campaign, update it, delete it, or create a new one, send a detailed campaign report, send an email.
Other features - connect to the API, get an account, send an SMS.

All these features will allow you to create automated flows between your Webflow site and your marketing campaigns. No need to manage your campaigns anymore, Integromat and Sendinblue take care of retargeting your contacts, adding them to mailing lists, launching emailing campaigns, sending an automatic newsletter, etc.

Here is how to connect Webflow and Sendinblue in 4 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 is a "Watch Event" trigger which will retrieve data from your website after each new action.

For example, as soon as someone subscribes to your newsletter, the automation will be triggered and the Webflow module will receive their email address. This is a way to optimise the user experience on your website, triggering for example a welcome email after a first registration. No waiting time, Integromat receives the data from Webflow live.

Adding a Webflow module to the Integromat workflow interface — New Webflow module

1.2 - Launch the Webflow trigger

As your workflow is not yet active, you will have to manually send the information to the Webflow trigger to be able to continue setting up your automation. To do so, right click on the module and click on "Run this module only". Once your module is running, go back to your website and fill in the web form you want to connect. Go back to Integromat, and check that the data retrieved by the trigger is the one you want to use again.

Launching the Webflow trigger in Integromat — Webflow Trigger

2 - Create a new API in Sendinblue

In order to connect your Sendinblue account to Integromat, you will first need to create a new API key in Sendinblue. To do this, go to the SMTP & API settings of your Sendinblue account. Then click on "Generate a new API key". Rename it "Integromat API key" and copy it. If needed, here is a link to all Sendinblue API resources.

Interface for creating a new API key in Sendinblue — New Integromat API

‍

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 case, after each new form filled in on Webflow, a contact will be created in Sendinblue.

Adding a new Sendinblue account to the Integromat interface — New Sendinblue account

4 - Link your Webflow data to Sendinblue

Set up your Sendinblue integration by matching the different data from the Webflow module with the Sendinblue module. You will only have to retrieve the tags from the Webflow module and add them to Sendinblue. One field is mandatory in the Sendinblue module, it is the email address. Indeed, the Sendinblue database is designed to attach one contact per email address. In fact, it is the emails that subscribe to the mailing lists. Thus, the same person can be registered in your database with several email addresses. This is essential to be able to manage duplicates or unsubscribes from your lists. You must therefore indicate an e-mail address. The other fields corresponding to "attributes" in your Sendinblue attributes are optional, but we recommend that you fill them in if you want to have a complete database.

Tip 💡 Check the "Show advanced settings" box to access other module settings.