Search

Set up push notifications and pop-ups

Pop-up campaigns are still in beta and are part of an early release to some of our users.

The setup of push and pop-ups allows you to link Brevo to your website or Android/iOS apps. This way, you can manage your website's or app's push and pop-up campaigns directly from Brevo. You can set up push notifications and pop-ups on your website, on your Android and iOS apps, or on both.

Choose which platform you'd like to set up:

✅ Plan availability
Pop-up campaigns and the setup of push and pop-ups on iOS and Android apps are only available on Professional and Enterprise plans. For more information, check our pricing page or talk to one of our sales experts.

Good to know

  • Push notifications and pop-ups share the same setup process. If you've already configured one, the other is ready to use automatically.
  • The goal of this setup is also to activate the subscription prompt for clients. If clients allow the prompt, they will receive your push notifications when they visit your website or app. If clients block the subscription prompt, they will never receive the subscription prompt again, nor your push notifications.
  • Unlike push campaigns, visitors do not need to opt in to receive pop-ups, they can reach everyone.

block-allow-notifications_EN-US.png

🌐 Set up push notifications and pop-ups on your website

❗️ Important
Once you've added your website URL, you cannot change it. However, you can access the Push Settings page to edit your subscription prompt, website's name, and icon.

Before sending your first campaign, you need to set up push or pop-ups on your website. You only need to do this once.

Step 1: Add your website URL

To access push and pop-up settings:

  1. Click the account dropdown and select Settings > Campaigns > Push.
  2. Click Website.
  3. Select the Website card.
  4. Select the Website dropdown and click + Add website.
    popups_add-website_en-us.png

  5. Enter your website URL link and click Add website to confirm.
    Your website URL should be the homepage URL with only the root domain (no subdomains). Use one of these formats:
    https://yoursite.com or https://www.yoursite.com 

    ❗️ Important
    Make sure your website URL doesn't automatically redirect to another URL. If your website URL has a redirection, push notifications and pop-ups will not work.
  6. Click Continue.

Step 2: Install web push and pop-ups on your website

💡 Good to know
  • If you've already installed the WooCommerce or WordPress plugin on your website, the plugin installation step is automatically skipped.
  • If you've already installed the Brevo tracker on your website for Automations, the Brevo tracker setup step is automatically skipped for Google Tag Manager or Brevo tracker installations.

You can now install web push and pop-ups on your website:

  1. Choose an installation option.
    There are three options to set up your website:
    push_installation-method_en-us.png

    PluginsGoogle Tag ManagerBrevo tracker

    These options allow you to link Brevo to your website through WooCommerce or WordPress.

    1. Install the WooCommerce or WordPress plugin. To learn more, check our dedicated articles Brevo plugin for WooCommerce - Sync your store and automate your marketing and Brevo plugin for WordPress - Connect your WordPress site with Brevo.
    2. Click Continue.
  2. Go to your website and visit some pages. This allows us to verify if the tracker code is added correctly. If it is, Brevo will be able to detect the actions you performed on your website.
  3. Click Verify Brevo tracker or Verify Installation.
💡 Good to know
  • The Verify steps may take up to a few minutes to work after you've completed the previous steps.
  • If the verification for the WordPress plugin is not working, you can try reloading the WordPress admin page and checking that Automation is activated in WordPress.

If the verification still is not working after a few minutes and you've completed the previous steps correctly, contact our support team.

Step 3: Configure your web push icon and name

You can configure your web push icon and name, as well as activate the subscription prompts to allow your visitors to subscribe to your push campaign.

  1. Click the account dropdown and select Settings > Campaigns > Push.
  2. Click Web push icon and name.
  3. Enter or edit your website name.
  4. Select a PNG or JPG file of maximum 5MB to use as your website icon or drop it in the dedicated zone.
    push_web-icon-name_en-us.png
  5. Click Save.

Step 4: Configure your web push subscription prompts

❗️ Important
By default, the native subscription prompt is activated. If you deactivate all subscription prompts, your visitors will not be able to subscribe to your push notifications.

Subscription prompts are what allow your visitors to subscribe to push notifications. To configure your subscription prompts:

  1. Click the account dropdown and select Settings > Campaigns > Push.
  2. Click Subscription prompts.
  3. Activate the different options and click Configure to customize them to your needs. You can configure and customize the following elements:
    • Subscription bell — Display a permanent bell at the bottom corner of the screen.
    • Native prompt — Display the browser's native permission prompt at the right time. This option is only available for HTTPS and is activated by default.
    • HTML dialog — Display a customizable dialog with your message and icon at the right time.
    • Inline link — Display a clickable link and icon inlined anywhere on the page.
  4. Click Save.

📱 Set up push notifications and pop-ups on your Android or iOS app

✅ Plan availability
The setup of push and pop-ups on iOS and Android apps are only available on Professional and Enterprise plans. For more information, check our pricing page or talk to one of our sales experts.

To set up push notifications and pop-ups on your Android or iOS app:

  1. Click the account dropdown and select Settings > Campaigns > Push.
  2. Click Android application or iOS application.
  3. Select the framework your app uses: Native, Cordova, Ionic, React Native, Expo, or Flutter.
  4. Upload your:
    • (Android) Firebase credentials: Firebase Project ID, Sender ID, and service account credentials.
    • (iOS) Apple credentials: Key ID, Team ID, Bundle ID, and environment details.
  5. Integrate the SDK.
💡 Good to know
For detailed instructions specific to your setup type, refer to the quickstart guide available on the setup page.

⏭️ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo Agency partner.

💬 Was this article helpful?

14 out of 46 found this helpful