Push Notifications

How to create a Push Notification

Navigate to “Notifications” in the sidebar menu to start creating your notifications. You’ll see an overview of your notifications.

Screenshot of Push Notification overview in the PushPro portal

Click on the button “Create new notification” and enter the title of your notification.

Screenshot of 'create new notification' setting in the PushPro portal

Creating a notification exists of four simple steps starting with step one:

Step 1. Composing your notification.

If you are on the correct plan, you can select to which user segments you want to send your notification. Next up, you can edit the subject and message. Make sure to add some emoji to increase your click-through-rates! 🔥

Configure the destination URL which will determine to which web page your audience will be redirected if they click on the notification. Make sure to start your URL with “https://”. Optionally, you can also create a button on the notification by adding button text. If you’re sure that your Push Motification is set up correctly, hit “Send Now”!  Or if you’re wondering what your notification will look like, you can send it to yourself by pressing “Test Now”. Now go to step 2 and set a Time to Live and Vibration Pattern.

Screenshot of the creation of a new notification in the PushPro portal

Step 2. Notification Settings

Choosing the right settings for your notification can be importanted as you are able to set a Time to Live and a Vibration Pattern.


Time to Live

The Time to Live value controls the period PushPro tries to deliver a message to your subscribers. This is especially useful for non-mobile devices which are not always online. You can reduce the TTL for time-sensitive messages. That way your subscribers won’t receive the messages after it stopped being relevant.

Screenshot of the Time to Live setting in the PushPro portal


Vibration pattern

You can choose a vibration pattern for the device’s vibration hardware to emit when the notifications fires. At the moment, this functionality is supported by Chrome, Opera, and Samsung browsers on Android up to version O.

Screenshot of the vibration pattern setting in the PushPro portal


Step 3. The Notification Summary

The notification summary is very helpful as it provides you with all the details about the notification you’ve just made. This includes the amount of subscribers the push notification will be sent to, the Time to Live, and the Vibration Pattern.

Screenshot of the notification summary in the PushPro portal


Step 4. Schedule or Save your Notification

Last, but not least, if you don't want to send your Push Notification immediately, you could schedule your notification or save it as draft. We'll explain this in the next sections.

Verify your setup

You can verify if you set everything up correctly by navigating to https://yourdomain.com/. If you see a push notification opt-in request, everything is working! That’s all, your website is now ready to send push notifications!

If you do not see an opt-in request, you can check whether the code snippet and javascript file were correctly added. Navigate to https://yourdomain.com/sw.js. Here you should find the following text:

importScripts('https://storage.googleapis.com/push-pro-java-scripts/pushpro-sw.js');

Next up, you can verify whether you correctly added the code snippet. On https://yourdomain.com/, right-click anywhere on the website and select “Page Source”. Here, you should find the following text:

<script></script>
window.__pushpro = {
site_uuid: "your-unique-identifier",
}

https://storage.googleapis.com/push-pro-java-scripts/pushpro-lib.js">

Ready to take PushPro for a spin? Get started for free now.

Drop us a mail

Thank you! Your submission has been received!
Something went wrong while submitting the form. Please try again or contact support@pushpro.io

Social Channels