KBAISE/ for lovable
Library
Docs

Connect your app to Brevo

about 10 minBuildingchecked 2d agoOfficial page
The short version

You can connect your Lovable app to Brevo to send emails, manage contacts, and run marketing campaigns. This is useful when your app needs more advanced messaging features than Lovable's built-in email.

Anyone building an app that needs to send marketing emails, manage contact lists, or use SMS/WhatsApp messaging through Brevo.

Do this, in order

  1. 1

    Sign in to your Brevo account and go to the 'SMTP & API' section, then 'API keys'.

    You need to create a special key that allows Lovable to securely communicate with your Brevo account.

  2. 2

    Click 'Generate a new API key', give it a name like 'Lovable integration', choose the permissions your app needs (e.g., for emails or contacts), and then click 'Generate'.

    This creates the unique key your Lovable app will use. Setting permissions ensures Lovable only has access to what it needs.

  3. 3

    Copy the generated API key, which starts with 'xkeysib-'.

    You will need this key in the next step to connect Brevo to Lovable. Keep it secret like a password.

  4. 4

    In Lovable, go to 'Connectors' and select 'Brevo', then click 'Add connection'.

    This starts the process of linking your Brevo account to your Lovable workspace.

  5. 5

    Give your connection a name (e.g., 'Brevo Marketing') and paste the Brevo API key you copied earlier into the 'API key' field.

    The name helps you identify this connection later, and the API key authenticates Lovable with Brevo.

  6. 6

    Decide who else in your Lovable workspace can use this Brevo connection. By default, it's private to you, but you can share it with specific people or your entire team.

    This controls access to the Brevo connection, allowing others to use it in their projects if needed.

  7. 7

    Click 'Connect'.

    Lovable will check if the key is valid and then save your Brevo connection, making it ready for use in your projects.

Paste this into your project

Connect my app to Brevo. I need to send transactional and marketing emails, manage contacts and lists, and trigger communication workflows. I have a Brevo account and an API key ready.

Words decoded

Transactional emails
Automated emails sent to individual users based on their actions, like order confirmations, password resets, or shipping updates.
Marketing emails
Emails sent to groups of people for promotional purposes, like newsletters, product announcements, or special offers.
API key
A secret code that acts like a password, allowing one software (Lovable) to securely access and use the features of another software (Brevo).
Workflows
Automated sequences of actions or communications, like sending a series of welcome emails to new users over several days.
Segmentation
Dividing your contacts into smaller groups based on shared characteristics or behaviors, so you can send them more relevant messages.

Where people get stuck

  • Using Lovable's built-in email for complex marketing campaigns or when you need SMS/WhatsApp, as it's designed for simple transactional emails.
  • Sharing your Brevo API key publicly, as it functions like a password and could compromise your Brevo account.
  • Forgetting to enable SMS or WhatsApp channels in your Brevo account if you plan to send messages through those channels, as the connector won't work without them.
  • Not checking your Lovable plan or workspace settings to ensure you have permission to create new connections, especially on Enterprise plans where this might be restricted by default.
  • Expecting the Brevo connector to receive incoming webhooks or automatically refresh/revoke credentials; these actions need to be managed directly in Brevo or by polling Brevo's APIs.

The short version, steps, decoder and prompt on this page are written automatically from Lovable's own documentation and can lag or misread it. The official page is always the authority.