In this article, we'll explain how to set up Web Push.
Web Push setups allow you to link Brevo to your website. This way, you'll be able to manage your Web Push campaigns from Brevo to your website.
The goal of this step 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.
Step 1: Website URL Setup
- Go to Campaigns > Web Push > Setup web push.
-
Enter your website name and URL link.
❗️ ImportantThe link you add must be your website homepage's link, not any other page.
Your website URL should follow one of these formats:
https://site.com/ ; https://www.site.com/ ; https://subdomain.site.com/ - Change your Company's logo if you wish to.
Your company logo will appear on your Web Push Notifications. - Click Save the info.
Step 2: Tracker setup
For WordPress users, enable SIB tracker after installing the plugin for Web Push setup completion.

This step consists of installing a tracker, the tracker links your website to Brevo.
-
Choose an installation option.
There are three options to set up your website:
-
JS Trackers
➡️ This option consists of copying and pasting a code to your website. -
Plugins
➡️ This option allows you to link Brevo to your website through an app (Shopify, WordPress, WooCommerce, Prestashop etc.). -
Google Tag Manager
➡️ 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.💡 Good to knowFor each setup option, you get the opportunity to enable the use of cookies. Enabling cookies helps to track individual contacts. Click the activation button to allow it.
-
JS Trackers
- Follow the instructions below for each chosen option to do the setup.
- Once the setup is done, click Verify to check if the installation is successfully executed.
Step 3: File's upload
The previous setup and choices you've made are grouped in a file. All you need to do is to download and manually upload this file to your website.
- Download the setup file.
- Upload the setup file to your website.
To upload it to a Woocommerce Website:
- Go to file manager in Cpanel.
- Create a Brevo folder under public_html folder which is publicly accessible.
- Upload service-worker.js file (the set up file) in the Brevo folder.
To upload it to a Prestashop or Magento Website:
- Go to file manager in Cpanel.
- Create a Brevo folder under prestashop root directory or magento root directory which is publicly accessible.
-
Upload service-worker.js file in the Brevo folder.
- Go to file manager in Cpanel.
-
After the upload (on any website), go to the link yoursite.com/brevo/service-worker.js replacing yoursite.com with your actual domain.
➡️ For exampleIf your domain is theexample.com go to the link theexample.com/brevo/service-worker.js.
❌ If you see a 404 page or other page, check that the setup file was correctly uploaded to the Brevo directory structure. - Click Activate.
If your setup is successfully executed, you automatically get access to the next step.
You can now create Web Push Notifications, to learn more, check our dedicated article Create a Web Push campaign.
⏩ 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.