> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Brevo

> Connect Brevo to your Rocket.new app - send emails, SMS, and manage CRM contacts with a single prompt.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

Connect Brevo and describe the messaging flow you want in chat. Rocket generates the complete logic: templates, API calls, contact management, and automation triggers.

<Note>
  Brevo is a great choice when you need email, SMS, and CRM in a single platform. Pair with [Supabase](/build/connectors/supabase/overview) for user data and [Stripe](/build/connectors/stripe) for payment-triggered communications.
</Note>

<Divider />

## What you can do

<CardGroup cols={2}>
  <Card title="Transactional emails" icon="envelope">
    Password resets, order confirmations, invoices, and verification emails triggered by user actions.
  </Card>

  <Card title="Email marketing campaigns" icon="bullhorn">
    Promotional emails, announcements, and seasonal campaigns to your contact lists.
  </Card>

  <Card title="SMS campaigns" icon="message-sms">
    SMS messages for promotions, alerts, and time-sensitive notifications through Brevo's built-in SMS feature.
  </Card>

  <Card title="CRM and contact workflows" icon="address-book">
    Manage contacts, segment audiences, and automate workflows based on user behavior.
  </Card>

  <Card title="Newsletter signup and delivery" icon="newspaper">
    Collect subscriber emails and deliver regular newsletters with dynamic content.
  </Card>
</CardGroup>

<Divider />

## Before you connect

You need your **API key** from the Brevo dashboard.

<Card icon="link" horizontal href="https://developers.brevo.com/docs/api-key-authentication" arrow="true">
  **Create or copy your Brevo API key**
</Card>

<Warning>
  Never paste your Brevo API key directly into chat. Always use the secure connection popup. If your key has been exposed, revoke it from Brevo Settings and create a new one.
</Warning>

<Divider />

## Connect Brevo

<Tabs>
  <Tab title="Web Browser">
    You can connect from two places - both open the same popup.

    **Option 1: From chat**

    Type a prompt that mentions Brevo - for example, `Connect Brevo and send a welcome email when a new user signs up`. Rocket detects the intent and shows a **Connect** button inline. Click it and the popup opens.

    <Frame caption="Brevo connection prompt in chat">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-chat-light.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=c3eeaaf41ce1b9960d079fab072c808a" alt="Brevo connection prompt in the Rocket chat panel." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/brevo/web-browser/brevo-chat-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-chat-dark.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=9ecd08c054ba125a1495981e96a4c463" alt="Brevo connection prompt in the Rocket chat panel." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/brevo/web-browser/brevo-chat-dark.webp" />
    </Frame>

    **Option 2: From the Connectors tab**

    Click the **`...`** button in the preview toolbar, then select **Connectors**.

    <Frame caption="Open Connectors from the toolbar">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-light.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=7bd785a0e878564054e08328b2aa3d6b" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-dark.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=d047040372d776cb47e4e483de8eeb8d" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-dark.webp" />
    </Frame>

    Click the **Brevo** card, then click **Connect**.

    <Frame caption="Brevo card in the Connectors panel">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-connectors-tab-light.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=37c89085e54423ae9a36aeb1b034eb97" alt="Connectors panel showing the Brevo card with a Connect button." className="theme-image light-image" width="1815" height="519" data-path="images/build-docs/connectors/brevo/web-browser/brevo-connectors-tab-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-connectors-tab-dark.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=43049482e9bbf0d6861348854a4052b5" alt="Connectors panel showing the Brevo card with a Connect button." className="theme-image dark-image" width="1809" height="521" data-path="images/build-docs/connectors/brevo/web-browser/brevo-connectors-tab-dark.webp" />
    </Frame>

    **After clicking Connect**

    A popup opens. Paste your **API key**, then click **Save**. A green dot appears next to Brevo when the connection is active.

    <Frame caption="Paste your Brevo API key in the popup">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-popup-light.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=93354691796b06e66fd5b4265df89c69" alt="Brevo API key input popup." className="theme-image light-image" width="842" height="506" data-path="images/build-docs/connectors/brevo/web-browser/brevo-popup-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-popup-dark.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=c57ac3b156ea304a6ed94b760a3c81f3" alt="Brevo API key input popup." className="theme-image dark-image" width="842" height="506" data-path="images/build-docs/connectors/brevo/web-browser/brevo-popup-dark.webp" />
    </Frame>

    **Update or disconnect**

    Go to [**Connectors > Brevo**](#connect-brevo). Update your key or click **Disconnect** to remove the integration.

    <Frame caption="Disconnect Brevo">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-disconnect-light.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=73e977aef801934151c58dd90d1eb930" alt="Brevo integration showing connected state with a Disconnect button." className="theme-image light-image" width="1816" height="530" data-path="images/build-docs/connectors/brevo/web-browser/brevo-disconnect-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/QfIb8xISg8b4eaJx/images/build-docs/connectors/brevo/web-browser/brevo-disconnect-dark.webp?fit=max&auto=format&n=QfIb8xISg8b4eaJx&q=85&s=12b7c5c27db8494024b2b9f5d6b4b254" alt="Brevo integration showing connected state with a Disconnect button." className="theme-image dark-image" width="1816" height="530" data-path="images/build-docs/connectors/brevo/web-browser/brevo-disconnect-dark.webp" />
    </Frame>
  </Tab>

  <Tab title="Mobile App">
    You can connect from two places - both open the same popup.

    **Option 1: From chat**

    Type a prompt that mentions Brevo. Rocket detects the intent, shows a **Connect** button, and the popup opens when you tap it.

    **Option 2: From the Connectors tab**

    1. Tap the **More** button in the header.
    2. Tap **Integrations**.
    3. Tap the **Brevo** card, then tap **Connect**.

    **After tapping Connect**

    A popup opens. Paste your **API key**, then tap **Done**. A green dot appears next to Brevo when the connection is active.

    **Update or disconnect**

    Go to **Integrations > Brevo**. Update your key or tap **Disconnect** to remove the integration.
  </Tab>
</Tabs>

<Divider />

## Example prompts

| Use case           | Prompt                                                                                                   |
| ------------------ | -------------------------------------------------------------------------------------------------------- |
| Welcome email      | `Send a welcome email through Brevo when a new user signs up, with onboarding steps.`                    |
| Password reset     | `Add a forgot-password flow that sends a reset link via Brevo with a 15-minute expiration.`              |
| Marketing campaign | `Build a campaign page where I can write a promotional email, select a Brevo contact list, and send it.` |
| SMS notification   | `Send an SMS through Brevo to users who opted in when their order ships.`                                |
| Drip sequence      | `Start a 5-email onboarding drip sequence through Brevo when a user creates an account.`                 |
| Newsletter         | `Add a newsletter signup form and send a monthly email through Brevo with the latest blog posts.`        |
| Abandoned cart     | `Send an abandoned cart email through Brevo 1 hour after a user leaves items in their cart.`             |
| Contact tagging    | `When a user upgrades to Pro, update their Brevo contact attributes and add a "pro" tag.`                |
| Event reminder     | `Send an event reminder email through Brevo 24 hours before a user's scheduled appointment.`             |
| Re-engagement      | `Send a re-engagement email to Brevo contacts who have not opened an email in 60 days.`                  |

<Divider />

## Tips

* **Brevo combines email, SMS, and CRM.** Unlike standalone email services, Brevo includes SMS sending and contact management in one platform.
* **Free tier includes 300 emails per day.** Brevo's free plan allows 300 emails daily with no contact limit. Upgrade for higher sending volume and advanced features.
* **Transactional and marketing are separate.** Brevo treats transactional emails and marketing campaigns as separate categories with different sending limits.
* **Manage contacts in Brevo.** You can add contacts through Rocket, but deleting contacts, managing unsubscribes, and editing campaign templates must be done in the Brevo dashboard.
* **One Brevo account per project.** Each Rocket project connects to one Brevo API key.

<Divider />

## What's next?

<CardGroup cols={2}>
  <Card title="Supabase" icon="database" href="./supabase">
    Store user data and trigger emails based on database events and user actions.
  </Card>

  <Card title="Stripe" icon="credit-card" href="./stripe">
    Send payment confirmations and receipt emails after Stripe transactions.
  </Card>

  <Card title="SendGrid" icon="envelope-open-text" href="./sendgrid">
    Compare with SendGrid for high-volume transactional email at scale.
  </Card>

  <Card title="Resend" icon="envelope" href="./resend">
    Compare with Resend for simpler developer-focused transactional email.
  </Card>
</CardGroup>
