How to Add a Site to Send Push Notifications

A push notification is a message from a website that pops up on a user’s device. You can use these notifications to inform site visitors about news, sales, order statuses, and other important events.

In this article, we'll look at how to add a site to send push notifications, set up a subscription request, and add code to your site.

Step 1. Add a Site

To add site data, go to the "Push" tab, and click Add New Website.

Select a site protocol, and enter a link to your site.

Read more about what a subscription request looks like in the article: Web Push Notifications on http and https Sites.

Step 2. Set Up a Subscription Request

Read more: How to Customize a Subscription Request Window.

Select an image to display in your subscription request.

Please note that the image will only be displayed for the custom subscription request as well as when sending campaigns.

Select the condition for displaying the subscription request:

  • by opening the website — the subscription request will be displayed right after a visitor opens your site;
  • by clicking the element — the subscription request will be displayed right after a visitor clicks a link or a button;
  • with the custom request — the subscription request will be displayed right after a visitor confirms their subscription using the custom subscription request.

To create a subscription request triggered by a user opening your website, specify the condition for displaying the request. You can also hide push notifications on mobile devices and add a prompt message.

To create a subscription request triggered by a user clicking the element, add the sp_notify_prompt class to the element that will display the request after clicking on it.

To create a custom subscription request, select the display type: default, lightbox, topline, Safari-like, or floating button. Customize your block appearance and placement.

Next, enter the request body and button labels. Specify the time of the request display. You can also hide the subscription request on mobile devices.

Click Next step.

Step 3. Add Code to Your Site

After the site is added, add the resulting code to the site before the closing tag </head>.

Learn more: How to Set Up Web Push Notifications with a Website Builder.

Next, download the installation files, and upload them to the server in the top-level directory of the site (root or "/").

Click Check the settings. If the script and installation files are added correctly, the corresponding statuses will appear.

Click Finish.

Once your subscribers visit your site, you can create and send campaigns and automated series.

Learn more: Automated Series: Create and Customize the Sending of Push Messages, How to Create and Send a Push Campaign.

Rate this article about "How to Add a Site to Send Push Notifications"

User Rating: 3 / 5 (17)

    Popular in Our Blog

    Try SendPulse today for free