Looking for a simple way to add web app push notifications that can help you grow your business?
Setting up push notifications for web apps can be a little bit tricky. There’s always some conflict with sending web push notifications. Usually, the biggest problem is the delivery rates. You can add web push to your web app in many ways. But how do you send web push notifications that actually get delivered from your web app?
Don’t worry! In this article, we’re going to show you step-by-step how you can send web app push notifications with reliable delivery rates in less than 10 minutes.
Lad os dykke ned.
How to Install Web App Push Notifications
Adding push notifications to a web app is quite simple. Just follow the steps in this article. If you follow every step, by the end of this article, you should be able to send push notifications like this one:
The main challenge is that all web push notification software uses a Javascript file called service_worker.js. The service worker helps you collect push notification subscribers through popup modals. But all web apps already have a service worker file that serves a different purpose. And at a time, your web app can only use one service worker.
In simple words, web push services confuse your web app. So, sometimes it will collect push notification subscribers and sometimes, it won’t. Sometimes you can send notifications and sometimes you can’t. You might even end up sending push messages to your entire subscriber list and have it delivered only to a few subscribers.
Of course, web app builders like Mendix come with their own push notification system. But what if you want to migrate to some other push notification service? What if you want more flexibility and control over your push notification campaigns?
We recommend using PushEngage to send web app push notifications. PushEngage is the #1 push notification software in the world. So, you know that your campaigns are in safe hands.
Lad os komme i gang.
Trin #1: Opsæt din PushEngage-konto
Gå til PushEngage hjemmeside og klik på knappen Kom i gang :
You can try out PushEngage for free. If you’re running a small blog that needs repeat traffic and engagement, that’s probably good enough. But if you’re serious about sales, you should get the Enterprise package and unlock the automated campaigns.
Når du har tilmeldt dig din PushEngage-konto, skal du gå til dit PushEngage-dashboard og gå til Sideindstillinger » Sideoplysninger:
Du kan indstille dit logo, sidenavn og side-URL her. Det er virkelig vigtigt at få styr på disse ting lige nu, så du kan teste hele din opsætning senere.
Trin #2: Hent installationskoden fra PushEngage
For at installere push-notifikationer skal du have en installationskode. På din Sideindstillinger-skærm skal du rulle ned og klikke på knappen Klik her for opsætningsinstruktioner:
Klik derefter på fanen Enhver side:
You can use the Javascript code to start sending push notifications.
Step #3: Add the Service Worker Code For Web App Push Notifications
The most tricky part of the process is finally here. In the PushEngage dashboard under Setup Instructions, you’ll also see an option to download the service worker file.
IMPORTANT: By default, a web app doesn’t require a service worker file. All you need to turn any site into a web app is a manifest file. So, if your web app doesn’t have a service worker file, then you can simply add the PushEngage service worker to the root directory of your website or web app.
But if your web app already has a service worker in place, then DO NOT directly upload the PushEngage service worker file as is. Open the PushEngage service worker in a text editor like Notepad and copy the code in the PushEngage service worker file. Then, find the service worker file for your web app and simply add the PushEngage service worker code to the file.
If you neglect this step, you won’t be able to collect push notification subscribers.
Trin #4: Konfigurer PushEngage Opt-In
Gå nu tilbage til dit PushEngage-dashboard. Gå til Design » Popup Modals og vælg den optin, du ønsker:
Idéen her er at give dine besøgende en solid grund til at abonnere. Hvis du har brug for hjælp til det, kan du se vores artikel om hvordan man opretter en brugerdefineret push-notifikations-opt-in.
Og hvis du ønsker nogle skabeloner til at komme i gang, bør du tjekke denne artikel om konverteringsdygtige push-notifikations-opt-ins.
Trin #5: Opret din første kampagne
Now that your web app can send push notifications, you should create an actual campaign.
En kampagne for forladt indkøbskurv hjælper med at generere ekstra indtægter ved at konvertere forladte indkøbskurve. Det er en simpel påmindelse, der sælger mange produkter automatisk. Så det er en god kampagne til at understøtte enhver landingsside, der giver direkte salg.
Just head over to your PushEngage dashboard and go to Campaigns » Triggered Campaigns » Create A New Triggered Campaign:
And then, select the Cart Abandonment campaign template:
Hvis du er ny til at oprette automatiserede marketingkampagner, kan du blot følge vores artikel om hvordan man opsætter en push-notifikationskampagne for forladt indkøbskurv. Følg hvert trin, og du kan opsætte push-notifikationer som denne:
Og bare for en sikkerheds skyld, du behøver ikke at være et kendt mærke for, at dine push-notifikationskampagner er effektive. Faktisk blev PushEngage bygget til at hjælpe små virksomheder med at vokse ved hjælp af push-notifikationer.
But before you start marketing your site, you should fix any issues with your push notification subscription process. Check out this article on testing your push notifications. If everything’s working perfectly, you’re done!
What To Do After Adding Web App Push Notifications?
Det var alt for denne gang, folkens!
You can now send web app push notifications. By now, you’ve also created a powerful web push notification campaign to boost your growth. All that, in less than 10 minutes!
Check out how to create other automated push notification campaigns as well. Most push campaigns are simple and effective. So, we recommend setting up multiple campaigns for your site. Here are a few great ones to start with:
- Sådan sendes RSS push-notifikationer automatisk
- Sådan opsætter du push-notifikationer for forladte indkøbskurve ved hjælp af GTM
- Sådan planlægger du push-meddelelser på den nemme måde [5-min. guide]
Og hvis du ikke allerede har gjort det, kom i gang med PushEngage. PushEngage er den #1 push-meddelelsessoftware i verden. Så dine kampagner er i sikre hænder.
