Web Push Notification is increasingly becoming popular as a marketing tool. With PushEngage you can interact with your subscriber instantly on mobile as well as desktop. For using Push Notifications you do not need any app. Once you integrate Push Notifications on your website, you can engage with users on the browser even when the user is not live on your site. Take any trial and use push notification for free at PushEngage.

PushEngage provides you a platform for Chrome, Firefox, Samsung Browser, and Safari (coming soon) Browser Push notifications for your users on Desktop and Mobile.

Going Live with the platform is a very easy 3 Step process that you can do in 10 mins.

If you have not already completed, then register yourself at PushEngage.

Here are the THREE easy steps to go live

1) Configure your website details in PushEngage dashboard 

Once you register you will get login into the PushEngage dashboard.  Login into the dashboard and configure the website details.

a)  You need to provide your Website Name and an image for Push Notifications. The image is a key part of the notification, and we would recommend a solid image of 192x192pixels or any square image. We would recommend a solid image. Go to Settings > Site Settings > Installation Settings.

push notification installation settings site details

b) You should also configure your Time Zone settings. Go to Settings > Site Settings > Site Preference. Select the right timezone as per your business.

timezone settings

2)  Go Live By Adding the JavaScript Code on your website.

Identify the type of website you have.  HTTP or HTTPS.  Confused between the two types, here is a quick test for HTTPS sites. They will have the green lock in the URL address with Secure written like below.

a) For HTTP Sites Only

If you are using a WordPress Plugin – go here to get the plugin and skip the step.  The plugin will automatically add the below javascript code in your website. To activate your Plugin, you will need to get the API key from Settings. You can check this video for Push Notifications Installation in WordPress.

Other Websites: Insert the 2 Line javascript code present in the Settings -> Installation Settings in Header of your website, or wherever you would like to collect subscription. That is it you should be live now!!

Below is an example of PushEngage script:

  • Async Version: You can put the async version on any section of your HTML page.
Async version

b) For HTTPS Sites Only

Go to Settings > Installation settings and get the package files – service-worker.js from Step 2 of Installation Settings.

Place these files in the root folder of your website so it is accessible from  https://www.example.com/service-worker.js.

If you are not able to place any files in your root folder  then follow the below settings in Subscription Dialog box Settings and use  Quick Install in the HTTPS site.

3) Configure Your Opt-in Method under Subscription Dialog box Settings

Go to Settings > Subscription Setting > Subscription Dialogbox. There are multiple ways you can show push opt-in on your website:

  • Safari Style Box
  • Large Safari Style Box
  • Floating Bar
  • Bell Placed Bar
  • Push Single Opt-In
  • Location + Single Opt-In
  • Large Safari With Segment

Depending on your push opt-in strategy, you can choose the subscription dialog box.

Make sure to select the correct site type, and pick among the many options for a subscription.

safari style push notification opt-in

If you have an HTTPS site, then you will be getting the browser default opt-in pop-up as shown below.  The language of this pop-up is chosen based on the language preference of the browser.

If you would like you can configure this to any other type of dialog box, but that will make this process 2 steps.

If you are an HTTP site, then you have several ways to collect the subscribers. You have the option to select Safari Style Box, Bell or Bottom Placed Bar.

Next, you should Configure your welcome message.  We recommend a Welcome Message for all subscribed users, as it acts as a confirmation for a new subscription.  This is under Settings -> Welcome Notification Settings.

You can also check our videos on installation here –

That is it you are live with PushEngage on your site !!  You can now test notifications on your site.

You can also use PushNotification in the Shopify store with PushEngage. We have an easy installation guide for all the platforms.

If you have any questions, feel free to reply to welcome email or email us at care@pushengage.com, or through the Contact Us section.

Author

Building PushEngage.com, Digital Marketer & Growth Hacker. Entrepreneur.

56 Comments

  1. This is an awesome tool to get clicks to your new posts. You can get a lot of returning visitors by using this tool. I am using the WordPress plugin from PushEngage in my WordPress blog http://techntechie.com . I got to know about the tool from ShoutMeLoud. Lets hope I will get good result from this tool. Thanks for the wonderful tool.

  2. Thanks for making such a nice tool.i built my website recently.But i don't know how to give new content notification for my users but after reading an article on shoutmeloud i got to know this.now i installed the plugin,hope users will more follow my website.thanks once again for making such a helpful plugin

  3. Pingback: Web Push Notifications for Content Sites, with PushEngage: What, Why & How - TheRodinhoods

  4. Pingback: How To Set Up Push Notifications For Your Blog In 3 Easy Steps

  5. Pingback: PushEngage Review - Web Push Notification Service For WordPress

  6. Pingback: 7 Must-Use WordPress Plugins to Engage with Your Audience - Blogging Tips

  7. Pingback: 7 Must-Use WordPress Plugins to Engage with Your Audience

  8. Pingback: 7 Must-Use WordPress Plugins to Engage with Your Audience - Digital Rookies - Digital Rookies

  9. Sutirth Pathak Reply

    Thanks for making such a nice tool. I built my website recently and i installed the plugin recently. Hope users will more follow my websiteand thanks once again for making such a helpful plugin

  10. Great tool for Returning Subscriber [Who obtain for New Post or New Blog]

  11. Saloni Jain Reply

    Nice tool for web push notification,Thank for sharing…

  12. Greate tool for any website it's help to grow website traffic

  13. toddler new jersey Reply

    Great post, thanks for sharing it this useful information.

  14. i have been thinking about what can solve my web push service and this has been great

  15. On the plus side, push notifications are a new concept, which means people haven t learned to tune them out yet. Since visitors aren t yet plagued with banner blindness for a push notification, it s a currently a highly effective tool.

  16. Nice and clean it is very important thing in a different story about it

  17. RAMESH SINGH BAGHEL Reply

    I just came to know about this tool from Labnol and I set for my site. Let's see how it will be beneficial to me.

Write A Comment