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 complete, 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 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.
b) You should also configure your Time Zone settings in Profile so that your notifications appear in the correct time zone.
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!!
There are two versions of the code: You can use any one of them in your website.
- Async Version: You can put the async version on any section of your HTML page.
- Legacy Version: You have to put the legacy version in the header section of the HTML
b) For HTTPS Sites Only
Go to Install settings and get the package files – manifest.json, 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 HTTPS site.
3) Configure Your Opt-in Method under Subscription Dialog box Settings
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 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.
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 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 Contact Us section.
Related posts
40 Comments
Leave a Reply Cancel reply
Featured Posts
Popular Posts
- How to Unsubscribe from Push Notifications in Chrome and Firefox
- How to Configure a Firebase Cloud Messaging Key & Why You Should Use FCM API Key
- Guide to Implementing Web Push Notifications, Without a Vendor Lock-in
- Drip Campaigns and Autoresponders For Web Push Notifications
- 7 Ways To Increase Your Web Push Subscription Rate In 2019
- How to Install PushEngage Browser Push Notification on Blogger Site?
Installation Guide
How to Go Live with Push Notifications on Weebly Site with PushEngage
Guide to Implementing Web Push Notifications, Without a Vendor Lock-in
How to Fully Automate Your Browser Push Notification Campaigns?
Steps To Enable Web Push Notification on Magento Websites
How to integrate PushEngage With Opencart?
How to Go Live with Push Notifications on a Wix Site with PushEngage?
How to Install PushEngage Browser Push Notification on Blogger Site?
How to Enable Browser Push Notifications on Shopify Store with PushEngage?
How To Install PushEngage Web Push Notification Plugin On WordPress Website
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.
iam also using pushengage but iam using trail can you tell me what will happen after the trail period is over
If you have less than 2500 subscribers after trial period you can continue in free plan.
Awesome tool Bhai wating to see result!!!
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
A superb tool ..and every website should use it to keep their isiters engaged… I am successfully using it in my http://mysmarttricks.com and it is working superbly. Its have lots of customization options.
This tool is awesome and i am using this tool on my http://www.helpersways.com site. I think this is good web notification tool for any website.
Thanks for Team
Nice plugin I am also using it check my blog http://HELPROBO.blogspot.com
[…] on your site is relatively straightforward with a platform like PushEngage. You would need to add the javascript code to your website to go live. Later you can use the dashboard to configure what kind of opt-in popup […]
Can i insert code directly into header of my WordPress blog – http://www.sportsind.com or i need plugin?
Nice tool for any website and it is help grow to website traffic. I am using my own website.
hello sir how i register plz said in hindi
We support Hindi language in notifications, and subscription pop-up.
Its a very good and best tool for notification and i use this tool in last three months http://www.igoodevening.com
the best realy , thankyou very much for this service
[…] you have an HTTPS site, there are a few more steps involved. But, it’s almost as easy if you follow the instructions from […]
I just came to know about this tool from shoutmeloud and I set for my site http://www.itkhoj.com/
Lets see how it will be beneficial to me.
can i insert this script along with woo commerce
Yes, you can
[…] I am linking the post which will help you to Go Live with web push notification using PushEngage in 3 easy steps. […]
[…] 3 easy steps, you can already integrate and start using it on your site. Fortunately, for new site owners with […]
[…] 3 easy steps, you can already integrate and start using it on your site. Fortunately, for new site owners with […]
[…] 3 easy steps, you can already integrate and start using it on your site. Fortunately, for new site owners with […]
Hi Thanks for the plugin. I just configured it, but it doesn’t seem to work on my site.
URL is :http://everythingeyeknow.blogspot.com/
Could you please help.
Hi, Since your site is a HTTPS based Blogspot site, you would need to use the Quick Install mode to yes in Subscription Dialogbox Settings. This is because you are not able to save the files in root folder.
Check our article at https://www.pushengage.com/blog/how-to-install-pushengage-browser-push-notifications-on-blogspot-website/ which highlights the step.
Regards
Ravi
I have already followed the steps. Somehow it is still not working.
It is working now.But it seems it is working for mobile site only.
It should work for both Desktop and Mobile. Can you please email us at support@pushengage.com and we can look at this (if not already solved).
It is working now.
thanks for sharing
This tool is awesome and i am using this tool on my https://www.hindish.com site. I think this is good web notification tool for any website.
Thanks for Team
I am using this service thru my FB page, how would I use the code to link to my FB page?
Right now you can’t run this through your FB page, sorry, due to FB restrictions.
Thanks for the excellent information as well as providing best push service. please help me to configure pushengage on my blogspot blog https://www.sherekhudahazratali.com
Please do needful as soon as possible.
Please contact us through live chat or our support email care@pushengage.com, and we will help you. Please note we do have an install guide for Blogspot as well as a Youtube video for the same.
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
Great tool for Returning Subscriber [Who obtain for New Post or New Blog]
Really, A Nice Guide.. Thank You So Much for Share This..❤️
Awesome trick sir
Nice plugin i am also using this on my blog