How to Add Web Push Notifications to a Web Site

How to Add Push Messages to a Web Site
Push notifications are a great way to make instant contact with your site visitors in common browsers, even if the site is not open in the browser (works great in Chrome)

When you send a push notification, all your android, iOS, and web push users will get your notification.
sample of web push:

You can also select throw the system 3 kinds of prompt to the your website users :

It’s important to make sure that the site runs securely on the HTTPS protocol. If not the push messages will not work! (Google policy)

IF YOU HAVE A WORDPRESS WEBSITE, YOU JUST NEED TO SET THE WEB PUSH IN OUR SYSTEM AND INSTALL WEB2APPLICATION PLUGIN ON YOUR WEBSITE AND YOUR WEB PUSH NOTIFICATION WILL WORK 

 

Below is an explanation of how to set up Push messages on your site using web2application.com

Step 1:
Enter your FIREBASE account. If you do not have an account for your application, you must open an account with your Gmail. (FIREBASE belongs to Google.)
Address: https://console.firebase.google.com

Click Add project and fill in the details.

Step 2:
Right now after you have an account, click Add app

And select a web app

Step 3:

After you click, a window will open with a code that needs to be copied to your system at web2application.com

Important – Copy only the lines marked with the code and paste them into the correct field in your management interface.

Step 4:

Access the app’s settings by clicking the gear on the menu and then Project setting

Step 5:

Navigate to the Cloud messaging area and copy the Legacy server key.
Important – note that there are no spaces on the right or left side

Then copy the code to the appropriate field in your admin interface

Step 6:

At this stage you need to produce a certificate to your site.
Scroll to the bottom of the page and press Generate key pair

After you click, you will receive your certificate code:

Copy it to the appropriate field in your management interface

And then click Save

• Please note that for security reasons, if the process took a long time, you will have to re-enter the system and enter the data again.

Step 7:
Once you have stored the data and save , you will be presented with the codes to be embedded in the HEADER of your site and a file to download.
the file need to be upload to your site’s main ROOT folder. (The main folder of the site on the server)

Step 8: Check and send a push
Once you’ve set everything up, it’s time to check whether your browser’s messages are working.
Brows to your site and you should be notified that your site wants to be approved for sending messages


Please confirm the request

Sending Test Push:
Enter the management interface and navigate to the push sending area


• Please note that sending the push will reach all your users on the site, in the Android app and in your IOS application, if any.

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on reddit
Reddit

Oh There You Are!

Before you leave, Do you need some help? Can we help you with something?

Skip to content