Push Notifications

Create your first push notification

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

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

Creating a notifications exists of three simple steps starting with step one:

Step 1. Composing your notification.

If you are on the correct plan, you can also select to which user segments you want this notification sent to. Next up, you can edit the title and message text. 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 notification 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.

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.



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.

Schedule a notification

With PushPro, you can easily send scheduled notifications. Navigate to the Push Notifications tab in your portal and create a new notification like you're used to. Below the destination URL you can flip the 'scheduled sending' switch to on the send now button will turn grey and your online able to save the notifications to your scheduled menu. You can now select an exact date and time to send your notification. Mind the time zone you're in, which is listed above the date/time selector, and make sure you correctly select AM or PM time. Select Save Notification when you're done!


Step 3. The Notification Summary

The notification summary is very helpful as it provides your from 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.





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.
Sign Up
arrow_forward

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

Leave a review