How to Connect Popupsmart with Brevo

Since marketing is one of a business's most significant growth tools, it is practical and beneficial to integrate tools like Brevo and Popupsmart.

Now it's time to learn how Popupsmart integrates with Brevo easily.

All you need to do is to follow the steps one by one.

To start the integration process, you need to have some default features

• You need to have a Brevo account.

• You need to have a contact list on Brevo. You can create one by clicking ‘Contacts’ and choosing ‘Lists.’

• You need to verify your website on your Popupsmart account.

1. First, sign in to your Popupsmart account and create a new campaign with the best popup that fits your needs.

new campaign brevo

2. After choosing your popup, choose the form input element on Customize to arrange.

form customize brevo

3. To add integration, choose the Integration tab and click “Add integration.”

add integration brevo

4. Click "Connect" when you find the Brevo option.


5. For the Setup, you can add a new Brevo API or choose from the dropdown if you have added your API before.

add form integration brevo

6. Now, log in to your Brevo account and click the tab on which your company’s name is shown on the top right of the page. Then, choose "SMTP & API."

7. On the SMTP & API page, you need to choose API Keys tab. Then, “Generate a new API key”.

generate api brevo

8. Name and generate the "API Key."

naming api brevo

9. Then, copy the API Key that you have just created.

brevo api key

10. Get back to your Popupsmart account now. Name the connection and paste the API Key, click "Save."

api connection brevo

11. Select your target list from the dropdown in the Details section. Then, click "Next."

selecting brevo list

12. Once you complete the details related to your needs in the Match fields section, click "Save."

match fields brevo

These fields may change according to the elements you include.

✅ Form Field: It is used if you put form elements in your popup. If you don't use any form element, you will see 'No options' on the dropdown.

✅ System Field: You need to choose your option based on what you demand to get as data. For example, you can get the Browsers or Devices of the people who filled the popup.

✅ API Field: You can transfer the data you sent to Popupsmart JS API with the integration again. You can get your data from your Brevo account.

✅ Static Field: You need to determine the specific data you want. For example, you may want to have sales or downgrades so that you can put them as 'sales' or 'downgrade'.

💡Mobile Number in SMS or Phone field should be generally passed with proper country code. Once the country code is included, the number will be treated as text. Therefore, if you intend to transmit a phone number as a lead from Popupsmart to the Brevo account, make sure that the phone element's attribute on Brevo is set to text rather than a number.

After clicking "Save," your Brevo integration is ready to go!

integration status brevo

❗️Note: Once you complete your integration, the status will be on by default; you can change the status whenever you want.

If you have any other questions about Brevo integration, feel free to mail us!