How to Send iOS Web Push Notifications

How to Add iOS Push Notifications to Your App (Easy Method)

Looking for a guide on how to send iOS push notifications and grow your business?

Du er helt sikkert kommet til det rette sted.

In this article, we’ll show you how to add web push notifications to your Progressive Web App (PWA), create your first push campaign and send it. All this without any coding, and in less than 10 minutes.

Lyder godt? Lad os dykke lige ned i det!

How to Add iOS Push Notifications to Your App

Installing iOS and iPadOS web push notifications to a website isn’t difficult. But it does have a few steps and you’ll want to follow along with this guide step-by-step.

Spring ikke frem i tiden på noget tidspunkt, og du vil være okay.

Før du opretter en velkomst-push-notifikationskampagne, skal du vælge en push-notifikationstjeneste. En push-notifikationstjeneste er software, der giver dig mulighed for at oprette push-kampagner uden kodning.

Vi anbefaler at bruge PushEngage.

Send iOS push notifications with PushEngage

PushEngage er verdens førende plugin til push-notifikationer.

Push-notifikationer hjælper dig med at øge din webtrafik og dit engagement automatisk. Og hvis du driver en onlinebutik, hjælper PushEngage dig også med at øge dit salg ved at hjælpe dig med at oprette automatiserede e-handels-push-notifikationer.

Du kan komme i gang gratis, men hvis du er seriøs omkring at vækste din forretning, bør du købe en betalt plan. Før du køber en push-notifikationstjeneste, bør du også se denne guide til priser på push-notifikationer.

Her er et hurtigt overblik over, hvad du får med PushEngage:

Du vil se, at PushEngage uden tvivl er det bedste valg, hvis du vil opbygge trafik, engagement og salg for din virksomhed. Og hvis du har et stramt budget, kan du altid være lidt kreativ med dine push-notifikationer.

Lad os komme i gang!

Trin #1: Opret en gratis PushEngage-konto

Gå til PushEngage og klik på Kom i gang gratis nu:

PushEngage webenotifikationer wordpress

Du kan komme i gang med gratisplanen. Men hvis du leder efter de mest kraftfulde browserunderretninger, bør du vælge en betalt plan baseret på dine forretningsbehov. Når du ved, hvilken plan du vil have, skal du klikke på Kom i gang for at oprette din PushEngage-konto.

Trin #2: Tilmeld dig PushEngage

Nu er det tid til at oprette din PushEngage-konto. Start med at tilmelde dig med en e-mailadresse eller et Gmail-id:

PushEngage-kontoopsætning

Udfyld derefter dine kontooplysninger:

Opsæt PE-konto

Og tilføj dine kreditkortoplysninger for at købe din plan:

Tilføj kort PE

Hvis du valgte gratis kontoen, vil dit kreditkort aldrig blive opkrævet penge, før du vælger at opgradere din plan. Og nu er du klar til at få adgang til dit PushEngage-dashboard. Klik blot på Gennemfør registrering og få øjeblikkelig adgang.

Hvis du har brugt OneSignal eller PushAlert før, vil du se, at PushEngage giver dig en meget renere oplevelse fra dashboardet. OneSignal-dashboardet er ikke beregnet til avancerede kampagner. Til det skal du bruge API'en mere end OneSignal-pluginet.

Step #3: Add a Web App Manifest file to Your Website

Think of a web app manifest as a special file that acts like a guidebook for your website when it’s installed on someone’s phone or computer. It’s written in a language called JSON, but you don’t have to worry about that part.

The manifest file contains important information about your web app, like its name, description, icons, and colors. So, when someone adds your website to their home screen or installs it on their device, the browser uses this manifest to know how your app should look and behave.

For example, the manifest tells the browser what icon to use for your app on the home screen or app drawer, so it looks nice and recognizable. It also specifies the colors and theme of your app to give it a consistent and appealing appearance.

Additionally, the manifest includes the URL that should be opened when someone launches your app. This way, the browser knows which page or section of your website to show them first.

Creating a manifest file can be done quickly with online tools that do the hard work for you. We recommend using this free app manifest generator to build your web app manifest in a few clicks and zero coding.

Once you have the manifest ready, you usually name it “manifest.json” and upload it to the root folder of your website.

In a nutshell, the web app manifest is like a manual that makes your web app look and feel just right when people use it on their devices. It’s an essential part of creating a great user experience for your website visitors.

A typical manifest looks something like this:

{
	"name": "PushEngage",
	"short_name": "PushEngage",
	"start_url": "/",
	"display": "standalone",
	"theme_color": "#3b43ff",
	"background_color": "#ffffff",
	"icons": [
		{
			"src": "icon/icon-128x128.png",
				"sizes": "128x128",
				"type": "image/png"
		},
		{
			"src": "img/icon-192x192.png",
			"sizes": "192x192",
			"type": "image/png"
		},
		{
			"src": "img/icon-512x512.png",
			"sizes": "512x512",
			"type": "image/png"
		}
 	]
}

Once you add your manifest file to the root folder of your website server, you need to add a code snippet in the HTML head of your website. The snippet would look something like this:

<link rel="manifest" href="/manifest.json">

If you’re using WordPress and need help adding this code snippet to your site’s header, you can use WPCode to upload the manifest file. It’s one of the best code snippet plugins for WordPress.

Step #4: Install PushEngage to Your WordPress Site

NOTE: If you’re not running a WordPress site, you should check out our installation guides.

Du er færdig med at oprette din konto. Så gå til PushEngage-dashboardet og følg med:

PushEngage Dashboard

Klik på Sideindstillinger » Sideoplysninger og klik på knappen Klik her for opsætningsinstruktioner:

PushEngage installationsindstillinger

Klik på fanen WordPress og klik på knappen Installer PushEngage WordPress Plugin for at installere pluginet på din hjemmeside. 

PushEngage WordPress-installation

Here’s the cool part: When you created your PushEngage account, you already synced your website with your PushEngage account. So, click on the installation link in the PushEngage dashboard to automatically install the PushEngage WordPress plugin to your website.

Step #5: Connect Your WordPress Website with PushEngage

When you’re done installing and activating the PushEngage WordPress plugin, you’ll see the PushEngage onboarding wizard:

PushEngage-guide

Guiden er ret ligetil. Hvis du er ny bruger, skal du klikke på Ny? Gør krav på din gratis konto. Og hvis du allerede har tilmeldt dig, skal du klikke på Forbind din eksisterende konto.

Dernæst kan du vælge din side fra rullemenuen Vælg en side under Forbind en registreret side, hvis du allerede har registreret en side under tilmelding:

Registrer websted i PushEngage

Eller du kan klikke på Registrer en ny side for at tilføje en ny side, hvis du har en Premium prisplan eller højere. I næste trin vil guiden bede dig om at installere andre nødvendige WordPress-plugins.

Anbefalede WordPress-plugins

Hvis du fulgte hvert trin korrekt, vil du se denne succesmeddelelse fra guiden:

Vellykket PushEngage-installation

Du er nu klar til at oprette kampagner og push-underretningspop op-modaler.

Step #6: Test Your Website Manifest

Alright, let’s walk through the steps to test your web app and make sure everything is working smoothly.

First, open your website using the Safari browser on your iPhone or iPad. Make sure your device is running iOS 16.4 or a newer version. Once your website is loaded, you’ll see a Share button. It looks like a square with an arrow pointing up. Tap on that button to open the sharing menu.

In the sharing menu, you should find an option called Add to Home Screen. Click on that option.

Add to Home Screen

Now, the web app will be saved to your device’s Home Screen, just like any other app you download from the App Store.

If everything has been set up correctly, when you open the app from your Home Screen, it won’t open in the Safari browser anymore. Instead, it will feel like using a regular app on your iPhone or iPad.

To let your users know that they can get web push notifications from your app, you can show them a banner on the screen. This banner will prompt them to add your app to their Home Screen and subscribe to the web push notifications. It’s a handy way to keep your users engaged with your app and receive important updates.

So, follow these steps, and you’ll be all set to provide a smooth and app-like experience to your users on iOS devices! For a full walkthrough on testing your push notifications, check out our documentation on iOS web push notifications.

Sådan personliggør du dine kampagner

Før du opretter en kampagne, bør du opsætte segmenter og målgruppegrupper for at sende personlige push-beskeder.

Intet slår niveauet af personalisering, du kan opnå ved at oprette segmenter og målgruppegrupper til dine push-notifikationsabonnenter. Gå til PushEngage » Audience og begynd at oprette segmenter og målgruppegrupper med det samme.

Under fanen Segments kan du oprette nye segmenter eller redigere eksisterende:

PushEngage WordPress Plugin Segmenter

Og hvis du har brug for endnu dybere personalisering, skal du oprette en målgruppegruppe under fanen Audience Groups:

Målgruppegrupper i PushEngage WordPress-plugin

Hvis du er nybegynder inden for push-notifikationssegmenter og personaliserede push-notifikationer, bør du læse vores artikel om hvordan man opretter segmenter og vores meddelelse om avanceret målgruppegruppering.

The coolest bit is that you can create targeted push campaigns by creating an Audience Group for just your iOS and iPadOS users:

Audience Group to target iOS and iPadOS

And you can use this Audience Group for your drip campaigns and broadcasts.

Sådan opretter du en push-notifikations-drip-kampagne

Gå til PushEngage dashboard og gå til Campaign » Drip Autoresponders og klik på Create New Drip Autoresponder:

Opret en ny dryp-autoresponder

Navngiv derefter din kampagne (vi foreslår noget som "Velkomst Drip"), og under Content, vælg muligheden "Send notification immediately after user subscribes“:

Oprettelse af en velkomst-dryp

På dette tidspunkt kan du klikke på pilen ved siden af notifikationen for at redigere indholdet af din notifikation.

Hvis du har en Premium- eller Enterprise-plan med PushEngage, vil du kunne tilføje mere end én notifikation for at oprette en sekvens af automatiserede velkomstbeskeder. Klik blot på Add New Notification og rediger indholdet.

Når du er færdig, skal du klikke på Drip Settings og vælge muligheden for at sende din velkomstkampagne til alle abonnenter:

Send push-meddelelse til alle abonnenter

Rul derefter ned for at indstille dine egne UTM-parametre for at spore push-notifikationerne:

UTM til RSS push-notifikationer

Og når du er færdig, rul op igen og klik på knappen Activate Autoresponder:

Aktivér autoresponder

Og du er færdig!

How to Send a iOS Web Push Broadcast

Gå til dit PushEngage dashboard og gå til Campaign » Push Broadcasts og klik på knappen Create a New Push Broadcast:

Opret en ny push-udsendelse

Under fanen Content, tilføj dit push-notifikationsindhold:

Push Broadcast Indhold

Og du kan opsætte en A/B-test for at øge dine klikrater, eller du kan planlægge dine push-udsendelser for at få flere visninger. I begge tilfælde bør du tjekke vores bedste praksis for push-notifikationer for de bedste resultater.

How to Create a iOS Push Notification Popup Modal

En push-notifikations popup-modal er et lille vindue, der vises oven på en hjemmeside eller mobilapp-grænseflade for at vise en besked eller notifikation til hjemmesidebesøgende.

Popup-modellen kan udløses af forskellige begivenheder. Du kan opsætte popups, der udløses ved sidebesøg, ved scroll-dybde og endda ved brugerdefinerede handlinger som f.eks. klik på knap.

Normalt vil du se en opfordring til handling på popup-modellen, såsom "Abonner" eller "Tillad" for at få samtykke fra besøgende til at sende dem push-notifikationer. Hvis du følger denne vejledning, kan du oprette en popup som denne:

Stor Safari-stil Optin med Segmenter

Du kan oprette popup-modalvinduer, der kan segmentere abonnenter direkte, eller oprette almindelige popups, der blot indsamler abonnenter med standardattributter som geolokation og browser.

Gå tilbage til dit WordPress-dashboard. Gå til PushEngage » Design:

Design Popup-modal i PushEngage WordPress-plugin

Og du kan opsætte så mange popup-modalvinduer, som du ønsker. Selvfølgelig kan du sørge for, at de udløses på forskellige tidspunkter under Visningsindstillinger for hvert popup-modalvindue.

Scroll-baseret push-meddelelsesoptin

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.

Stor Safari-stil Optin med Segmenter

Og hvis du vil oprette mere målrettede popup-modalvinduer, kan du bruge målretningsreglerne under fanen Målretningsregel :

Aktivér målretningsregel WordPress PushEngage

Dette er globale målretningsregler og vil have præference frem for målretningsregler for individuelle popup-modalvinduer. Men hvis du ønsker det, kan du oprette robuste målretningsregler for hvert modalvindue ved at redigere dem.

PushEngage Optin Abonnementsregler

For eksempel kan du oprette popup-modalvinduer på forskellige sprog for at målrette besøgende fra forskellige lande.

Og hvis du gerne vil have nogle skabeloner med en høj klikrate til at komme i gang, bør du se denne artikel om konverteringsdygtige push-notifikations-opt-ins.

What to Do Before You Send iOS Push Notifications

Du er næsten færdig.

Før du begynder at sende push-notifikationer, skal du opsætte en abonnements-opt-in for dit websted. Din opt-in vil konvertere webbesøgende til abonnenter på push-notifikationer. Så dette er et kritisk element. 

Hvis du har brug for inspiration, kan du se denne artikel om konverteringsdygtige push-notifikations-opt-ins. Når du er færdig med at opsætte opt-in, kan dit websted indsamle abonnenter. Men hvordan ved du overhovedet, at din opt-in fungerer korrekt?

Så det fornuftige er at opsætte en velkomst-push-notifikation.

Pro-tip: Du bør bruge noget tid på en fuldskala test af dine push-notifikationer. Dette vil fejlfinde de mest almindelige problemer, og du spilder ikke din tid på at forsøge at løse problemer senere.

What to Do After You Send iOS Push Notifications

Det var alt for denne gang, folkens!

Hvis du fandt denne artikel nyttig, så sørg for at efterlade en kommentar nedenfor.

At komme i gang med push-notifikationer kan virke skræmmende. Men hvis du holder øje med målsporing og analyse, skal det nok gå fint. Vigtigere er, at du vil tjene meget mere profit med hjælp fra push-notifikationskampagner. Her er et par seje ressourcer til at komme i gang:

Hvis du er ny til push-notifikationer, bør du prøve PushEngage. PushEngage er den #1 push-notifikationssoftware på markedet. Og dine kampagner vil være i sikre hænder.

Så hvis du ikke allerede har gjort det, kom i gang med PushEngage i dag!

Tilføj en kommentar

Vi er glade for, at du har valgt at efterlade en kommentar. Husk venligst, at alle kommentarer modereres i overensstemmelse med vores privatlivspolitik, og alle links er nofollow. Brug IKKE nøgleord i navnefeltet. Lad os have en personlig og meningsfuld samtale.

Engager og fasthold besøgende, efter de har forladt dit website

Øg værdien af hvert website-besøg med push-notifikationer, der er svære at overse.

  • Evig gratis plan
  • Nem opsætning
  • 5-stjernet support