Search

Set up web push notifications

clickable_banner-pricing_2_en-us.png The setup of web push allows you to link Brevo to your website. This way, you'll be able to manage your website's web push campaigns directly from Brevo.

The goal of this setup is also to enable the subscription prompt for clients. If clients allow the prompt, they will receive your web push notifications when they visit your website. If clients block the subscription prompt, they will never receive the subscription prompt again, nor your web push notifications.

block-allow-notifications_EN-US.png

🔎 Step 1: Access Push

To access Push:

  1. Go to Marketing > Campaigns.
  2. Click Create campaign. 
  3. Choose Push. 
  4. Name your web push campaign to easily find it in the list of your push campaigns. This name will only be visible to you.
  5. Click Create campaign.
    💡 Good to know
    You can already create and design your push notification, but you won't be able to send it until you complete the setup of Push.

🌐 Step 2: Select 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 on your website. You only need to do this once.

  1. Click Set up Push.
  2. Select the Website card.
  3. Select the Website dropdown and click + Add website.
    push_add-website_en-us.png
  4. 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 ; 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 will not work.
  5. Click Continue.

🛠️ Step 3: Install web push on your website

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

You can now install web push 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.
    It 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.

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

🖼️ Step 4: Configure your web push icon and name

To configure your web push icon and name:

  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 5: Configure your 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.

⏭️ 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?

13 out of 39 found this helpful