Sendinblue Integration (Subscription Form)
Getting Started
This article will cover integrating Sendinblue into a subscription form on your website. Follow all the instructions accordingly to integrate Sendinblue into your subscription form.
Adding a Subscription Form
Refer to the Documentation below to learn how to add a Subscription Form element to your website ⬇️
📌 Sendinblue Integration (Subscription Form)
Integrating Sendinblue
To integrate Sendinblue into your subscription form, follow the steps given below:
- After you add the Subscription Form, click on Edit Element
- Expand the Form Configuration option
- Choose Sendinblue from the Services option
- Login to your Brevo(Formerly Sendinblue) account
- Go to SMTP and API option from your profile
- Go to the API Keys tab, click on the Generate a new API key button
- Give your API key a name and click on Generate
- Copy the API key
- Go to your website builder and click on Add New API Key on the Subscription Form element editor.
- Paste your API key
- Choose your subscription list name from the Subscription List option
- Done! Sendinblue has been integrated with your subscription form.
The images below show the whole process being demonstrated visually ⬇️
Expand the Form Configuration option from the Subscription Form editor
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1kk2kj3.png)
From the Configuration Type, stick to the API tab and choose Sendinblue from the Services option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1q1iy6d.png)
Log in to your **Brevo** account (formerly Sendinblue).
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_zbsge2.png)
From your Brevo dashboard, navigate to the SMTP and API options, as shown in the picture below.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1mdrmxy.png)
Go to the API Keys tab, click on the Generate a new API key button.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1see228.png)
Give your API key a name and click on the Generate button.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_xjdzyz.png)
Copy the API key.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_p27iar.png)
Go to your website builder and click on Add New API Key on the Subscription Form element editor. Give it a name, paste your API key on the input field, and press Save.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-54_13iq67p.gif)
Select the Subscription List. By default, Brevo provides a List called “Your first list”.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1lymc.png)
To test this, publish your site, visit it externally, and input any email address on the Subscription Form.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_c0f602.png)
Go to the Contacts option from the Brevo sidebar.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_9bu4pu.png)
You will see the email you entered in step 9 added to your subscription list.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1rjage8.png)
Related articles
📌 EmailOctopus - Subscription Form
📌 Mailerlite - Subscription Form
📌 ConvertKit - Subscription Form
Updated on: 27/06/2024
Thank you!