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 browser opt-in for clients. If clients allow the opt-in, they will receive your Web push notifications when they visit your website. If clients block the opt-in, they will never receive the browser opt-in again nor your Web push notifications.

We've created a series of articles to help you get started with sending Web push campaigns:

• What are Web push notifications?
• Part 1: Set up Web push notifications - YOU ARE HERE
• Part 2: Create your Web push campaign
• Part 3: Review and manage your Web push campaign
• Troubleshooting: Why do I not receive Web push notifications?

🔎 Step 1: Website details

1. Go to Campaigns and click Create campaign. 
2. Choose Web Push. 
3. Enter your website name and the URL link to your website homepage.
   Your website URL should follow one of these formats:
   https://yoursite.com ; https://www.yoursite.com ; https://subdomain.yoursite.com
   ❗️ Important

   Once you've set up Web push, you cannot change your website URL. However, you can access the Web push Settings page to edit your opt-in, website's name, company logo, code tracking, and more.
   To learn more, check our dedicated article Part 3: Review and manage your Web push campaigns.
4. Optional: Upload your company's logo.
   Your company logo will appear on your Web push notifications. 
5. Click Save.
   

👥 Step 2: Subscriber collection

This step consists of installing a tracker to link your website to Brevo and collect your visitors' opt-in.

1. Choose an installation option.
   There are three options to set up your website:
   
   Plugins (easiest method) JS Tracker Google Tag Manager

   
   This option allows you to link Brevo to your website through an app (Shopify, WordPress, WooCommerce, Prestashop, etc.). To learn more, check our dedicated article Which Brevo plugins automatically create track events?

   💡 Good to know

   Steps 2 and 3 may be skipped if you use the following plugins: Wordpress, Shopify, Prestashop, Shopware 5, or Shopware 6.

   Step 2 may be skipped if you use WooCommerce.

   
   This option consists of copying and pasting a code to your website.

   
   This option uses Google Tag Manager to set up Web push. The advantage of this option is that you don't have to change the coding of your website.
2. Optional: Toggle Identify visitors and see their activity to enable cookies. You can use a first or a third-party tracker.
3. Follow the instructions displayed for the installation option you have chosen.
4. Click Next to check that the installation is successfully completed.

🔔 Step 3: Notification delivery

The previous information you have added has been put together in a file. You need to download and upload this file to your website.

1. Download the setup file. 
   
2. Upload the setup file to your website.
   
   1. Go to File Manager on your website creation platform.
      
      
   2. Create a sendinblue folder under the root folder, which is publicly accessible. This root folder is usually called public_html.
      ❗️ Important

      For now, you still need to name your folder sendinblue, not brevo.
   3. Upload the service-worker.js setup file in the sendinblue folder.
      
      
      
3. Go to yoursite.com/sendinblue/service-worker.js replacing yoursite.com with your actual domain.
   ➡️  For example

   If your domain is theexample.com go to the link theexample.com/sendinblue/service-worker.js.
   ✅ If the setup file is installed correctly, you will see this message: 
   
   ❌ If you see a 404 page or another page, check that the setup file was correctly uploaded to the sendinblue directory structure. 
4. Click Activate. 
   

⏭️ What's next?

• Part 2: Create your Web push campaign
• Part 3: Review and manage your Web push campaign
• Troubleshooting: Why do I not receive Web push notifications?

🤔 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 expert partner.