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.
Click on the button “Create new notification” and enter the title of your notification.
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.
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.
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.
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">