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.

Use the special offer system
By Jul 23, 2023
The idea is simple, create special promotions and unique content for the app via a special offer system, enter the system and create a special link th...
Understand your app design
By Jul 23, 2023
In this chapter, we will talk about app design and what options are available to you. The app is a special browser built for you with advanced functio...
Changing app splash screen and icon
By Jul 23, 2023
The splash screen is the screen that the user sees until the app loads. To get the advantage of this loading time you can change the splash screen fro...
Create home page and pages for the apps with your site page builder
By Jul 23, 2023
APP SPECIAL HOME PAGE Lets say you like to have a special home page for the app. All you need to do it to create another page in your website, for exa...
Twick the apps with CSS (Advanced users)
By Jul 23, 2023
Let’s say you have “download our apps” buttons on your website or some elements that you don’t like to display on your apps. F...
Ask for android submit on the system
By Jul 23, 2023
After you have google developer account all you need to do is to enter your app dashboard in our system and ask us to upload the app to your developer...
Ask for apple submit on the system
By Jul 23, 2023
After you have an apple developer account (please make sure your developer account is approved by apple) all you need to do is to enter your app dashb...
Promote your apps on the stores
By Jul 23, 2023
Congratulations your apps are approved and live in the stores! But, sometimes its hard to find them… Now it is due time to Promote your apps! If...
Send your smart download link to your clients
By Jul 23, 2023
To make it easy for your clients to download your app we created a smart download link that you can send by SMS, EMAIL, WHATSAPP, etc, and also a QR C...
Skip to content