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?

Είστε σίγουρα στο σωστό μέρος.

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.

Ακούγεται καλό; Ας βουτήξουμε κατευθείαν!

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.

Μην πηγαίνετε μπροστά στο χρόνο σε καμία περίπτωση και θα είστε εντάξει.

Πριν δημιουργήσετε μια καμπάνια ειδοποιήσεων καλωσορίσματος push, πρέπει να επιλέξετε μια υπηρεσία ειδοποιήσεων push. Μια υπηρεσία ειδοποιήσεων push είναι ένα λογισμικό που σας επιτρέπει να δημιουργείτε καμπάνιες push χωρίς κωδικοποίηση.

Συνιστούμε τη χρήση του PushEngage.

Send iOS push notifications with PushEngage

Το PushEngage είναι το #1 plugin ειδοποιήσεων push στον κόσμο.

Οι ειδοποιήσεις push σας βοηθούν να αυξήσετε την επισκεψιμότητα του ιστότοπού σας και την αλληλεπίδραση σε αυτόματο πιλότο. Και αν διαχειρίζεστε ένα online κατάστημα, το PushEngage σας βοηθά επίσης να αυξήσετε τις πωλήσεις σας, βοηθώντας σας να δημιουργήσετε αυτοματοποιημένες ειδοποιήσεις push eCommerce.

Μπορείτε να ξεκινήσετε δωρεάν, αλλά αν σοβαρά θέλετε να αναπτύξετε την επιχείρησή σας, θα πρέπει να αγοράσετε ένα επί πληρωμή πρόγραμμα. Επίσης, πριν αγοράσετε οποιαδήποτε υπηρεσία ειδοποιήσεων push, θα πρέπει να δείτε αυτόν τον οδηγό για το κόστος ειδοποιήσεων push.

Ακολουθεί μια γρήγορη επισκόπηση του τι παίρνετε με το PushEngage:

Θα δείτε ότι η PushEngage είναι μακράν η καλύτερη επιλογή αν θέλετε να αυξήσετε την επισκεψιμότητα, την αφοσίωση και τις πωλήσεις για την επιχείρησή σας. Και αν έχετε περιορισμένο προϋπολογισμό, μπορείτε πάντα να γίνετε λίγο δημιουργικοί με τις ειδοποιήσεις push σας.

Πάμε!

Βήμα #1: Δημιουργήστε έναν Δωρεάν Λογαριασμό PushEngage

Μεταβείτε στο PushEngage και κάντε κλικ στο Ξεκινήστε Δωρεάν Τώρα:

PushEngage ειδοποιήσεις web wordpress

Μπορείτε να ξεκινήσετε με το δωρεάν πρόγραμμα. Αλλά αν ψάχνετε για τις πιο ισχυρές ειδοποιήσεις μέσω προγράμματος περιήγησης, θα πρέπει να επιλέξετε ένα επί πληρωμή πρόγραμμα με βάση τις ανάγκες της επιχείρησής σας. Μόλις γνωρίζετε ποιο πρόγραμμα θέλετε, κάντε κλικ στο Ξεκινήστε για να δημιουργήσετε τον λογαριασμό σας στο PushEngage.

Βήμα #2: Εγγραφείτε στο PushEngage

Τώρα, είναι ώρα να δημιουργήσετε τον λογαριασμό σας στο PushEngage. Ξεκινήστε κάνοντας εγγραφή με μια διεύθυνση email ή ένα αναγνωριστικό Gmail:

Ρύθμιση Λογαριασμού PushEngage

Στη συνέχεια, συμπληρώστε τα στοιχεία του λογαριασμού σας:

Ρύθμιση λογαριασμού PE

Και προσθέστε τα στοιχεία της πιστωτικής σας κάρτας για να αγοράσετε το πρόγραμμά σας:

Προσθήκη Κάρτας PE

Εάν επιλέξατε τον δωρεάν λογαριασμό, τότε η πιστωτική σας κάρτα δεν θα χρεωθεί ποτέ χρήματα μέχρι να επιλέξετε να αναβαθμίσετε το πρόγραμμά σας. Και τώρα, είστε έτοιμοι να αποκτήσετε πρόσβαση στον πίνακα ελέγχου του PushEngage. Απλώς κάντε κλικ στο Ολοκλήρωση Εγγραφής και Άμεση Πρόσβαση.

Εάν έχετε χρησιμοποιήσει το OneSignal ή το PushAlert στο παρελθόν, θα δείτε ότι το PushEngage σας προσφέρει μια πολύ πιο καθαρή εμπειρία από τον πίνακα ελέγχου. Ο πίνακας ελέγχου του OneSignal δεν είναι σχεδιασμένος για προηγμένες καμπάνιες. Για αυτό, θα χρειαστείτε το API περισσότερο από το plugin του OneSignal.

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.

Ολοκληρώσατε τη δημιουργία του λογαριασμού σας. Έτσι, μεταβείτε στον πίνακα ελέγχου του PushEngage και ακολουθήστε τα εξής βήματα:

Πίνακας Ελέγχου PushEngage

Κάντε κλικ στο Ρυθμίσεις Ιστότοπου » Λεπτομέρειες Ιστότοπου και κάντε κλικ στο κουμπί Κάντε Κλικ Εδώ Για Οδηγίες Εγκατάστασης:

Ρυθμίσεις Εγκατάστασης PushEngage

Κάντε κλικ στην καρτέλα WordPress και κάντε κλικ στο κουμπί Εγκατάσταση Πρόσθετου PushEngage WordPress για να εγκαταστήσετε το πρόσθετο στον ιστότοπό σας. 

Εγκατάσταση PushEngage WordPress

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

Ο οδηγός είναι αρκετά απλός. Εάν είστε νέος χρήστης, κάντε κλικ στο Νέος; Διεκδικήστε τον Δωρεάν Λογαριασμό σας. Και αν έχετε ήδη εγγραφεί, κάντε κλικ στο Σύνδεση του Υπάρχοντος Λογαριασμού σας.

Στη συνέχεια, μπορείτε να επιλέξετε τον ιστότοπό σας από το αναπτυσσόμενο μενού Επιλογή Ιστότοπου κάτω από το Σύνδεση εγγεγραμμένου ιστότοπου εάν έχετε ήδη καταχωρήσει έναν ιστότοπο κατά την εγγραφή:

Εγγραφή ιστοτόπου στο PushEngage

Εναλλακτικά, μπορείτε να κάνετε κλικ στο Εγγραφή νέου ιστότοπου για να προσθέσετε έναν νέο ιστότοπο εάν έχετε πακέτο τιμολόγησης Premium ή υψηλότερο. Στο επόμενο βήμα, ο οδηγός γνωριμίας θα σας ζητήσει να εγκαταστήσετε άλλα απαραίτητα πρόσθετα WordPress.

Προτεινόμενα πρόσθετα WordPress

Εάν ακολουθήσατε κάθε βήμα σωστά, θα δείτε αυτό το μήνυμα επιτυχίας από τον οδηγό:

Επιτυχής Εγκατάσταση PushEngage

Είστε τώρα έτοιμοι να δημιουργήσετε καμπάνιες και αναδυόμενα παράθυρα ειδοποιήσεων push.

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.

How to Personalize Your Campaigns

Before you create a campaign, you should set up segments and audience groups to send personalized push messages.

Τίποτα δεν ξεπερνά το επίπεδο εξατομίκευσης που μπορείτε να πετύχετε δημιουργώντας τμήματα και ομάδες κοινού για τους συνδρομητές σας στις ειδοποιήσεις push. Μεταβείτε στο PushEngage » Audience και ξεκινήστε αμέσως τη δημιουργία τμημάτων και ομάδων κοινού.

Στην καρτέλα Segments (Τμήματα), μπορείτε να δημιουργήσετε νέα τμήματα ή να επεξεργαστείτε υπάρχοντα:

Τμήματα Plugin WordPress PushEngage

Και αν χρειάζεστε ακόμη βαθύτερη εξατομίκευση, δημιουργήστε μια ομάδα κοινού στην καρτέλα Audience Groups (Ομάδες Κοινού):

Ομάδες κοινού στο plugin WordPress PushEngage

Αν είστε νέοι στα τμήματα ειδοποιήσεων push και στις εξατομικευμένες ειδοποιήσεις push, θα πρέπει να διαβάσετε το άρθρο μας σχετικά με το πώς να δημιουργήσετε τμήματα και την ανακοίνωσή μας σχετικά με την προηγμένη ομαδοποίηση κοινού.

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.

How to Create a Push Notification Drip Campaign

Μεταβείτε στον πίνακα ελέγχου PushEngage και πηγαίνετε στο Campaign » Drip Autoresponders και κάντε κλικ στο Create New Drip Autoresponder:

Δημιουργία νέου αυτόματου αποστολέα σταγόνων

Στη συνέχεια, δώστε ένα όνομα στην καμπάνια σας (προτείνουμε κάτι σαν Welcome Drip) και κάτω από το Content, επιλέξτε την επιλογή που λέει, “Send notification immediately after user subscribes“):

Δημιουργία Welcome Drip

Σε αυτό το σημείο, μπορείτε να κάνετε κλικ στο βέλος δίπλα στην ειδοποίηση για να επεξεργαστείτε το περιεχόμενο της ειδοποίησής σας.

Εάν έχετε πρόγραμμα Premium ή Enterprise με το PushEngage, θα μπορείτε να προσθέσετε περισσότερες από μία ειδοποιήσεις για να δημιουργήσετε μια σειρά από αυτοματοποιημένα μηνύματα καλωσορίσματος. Απλώς κάντε κλικ στο Add New Notification και επεξεργαστείτε το περιεχόμενο.

Μόλις τελειώσετε, κάντε κλικ στο Drip Settings και επιλέξτε την επιλογή αποστολής της καμπάνιας καλωσορίσματός σας σε όλους τους συνδρομητές:

Αποστολή ειδοποίησης push σε όλους τους συνδρομητές

Στη συνέχεια, κάντε κύλιση προς τα κάτω για να ορίσετε τις δικές σας παραμέτρους UTM για να παρακολουθείτε τις ειδοποιήσεις push:

UTM για ειδοποιήσεις push RSS

Και όταν τελειώσετε, κάντε κύλιση προς τα πάνω και κάντε κλικ στο κουμπί Activate Autoresponder:

Ενεργοποίηση αυτόματου απαντητή

Και τελειώσατε!

How to Send a iOS Web Push Broadcast

Μεταβείτε στον πίνακα ελέγχου PushEngage σας και πηγαίνετε στο Campaign » Push Broadcasts και κάντε κλικ στο κουμπί Create a New Push Broadcast:

Δημιουργία Νέας Εκπομπής Push

Στην καρτέλα Content, προσθέστε το περιεχόμενο της ειδοποίησης push σας:

Περιεχόμενο μαζικής ειδοποίησης push

Και μπορείτε να ρυθμίσετε μια δοκιμή A/B για να αυξήσετε τα ποσοστά κλικ σας ή μπορείτε να προγραμματίσετε τις εκπομπές push σας για να λάβετε περισσότερες προβολές. Σε κάθε περίπτωση, θα πρέπει να ελέγξετε τις βέλτιστες πρακτικές ειδοποιήσεων push για τα καλύτερα αποτελέσματα.

How to Create a iOS Push Notification Popup Modal

Ένα modal αναδυόμενης ειδοποίησης push είναι ένα μικρό παράθυρο που εμφανίζεται πάνω από τη διεπαφή μιας ιστοσελίδας ή εφαρμογής για κινητά για να εμφανίσει ένα μήνυμα ή μια ειδοποίηση στον επισκέπτη της ιστοσελίδας.

Το modal αναδυόμενο παράθυρο μπορεί να ενεργοποιηθεί από διάφορα γεγονότα. Μπορείτε να ρυθμίσετε αναδυόμενα παράθυρα για να ενεργοποιούνται κατά την επίσκεψη σελίδας, κατά το βάθος κύλισης, ακόμη και κατά προσαρμοσμένες ενέργειες όπως κλικ σε κουμπί.

Συνήθως, θα δείτε μια παρότρυνση για δράση στο αναδυόμενο παράθυρο, όπως «Εγγραφή» ή «Να επιτραπεί», για να λάβετε τη συγκατάθεση των επισκεπτών για την αποστολή ειδοποιήσεων push. Αν ακολουθήσετε αυτό το σεμινάριο, μπορείτε να δημιουργήσετε ένα αναδυόμενο παράθυρο σαν αυτό:

Μεγάλη Επιλογή τύπου Safari με Τμήματα

Μπορείτε να δημιουργήσετε αναδυόμενα παράθυρα που μπορούν να τμηματοποιήσουν τους συνδρομητές απευθείας ή να δημιουργήσετε κανονικά αναδυόμενα παράθυρα που απλώς συλλέγουν συνδρομητές με τα προεπιλεγμένα χαρακτηριστικά, όπως γεωγραφική τοποθεσία και πρόγραμμα περιήγησης.

Επιστρέψτε στον πίνακα ελέγχου του WordPress. Μεταβείτε στο PushEngage » Σχεδίαση:

Σχεδίαση Modal Popup στο πρόσθετο PushEngage WordPress

Και μπορείτε να ρυθμίσετε όσα αναδυόμενα παράθυρα θέλετε. Φυσικά, μπορείτε να βεβαιωθείτε ότι ενεργοποιούνται σε διαφορετικές χρονικές στιγμές κάτω από τις Επιλογές Εμφάνισης για κάθε αναδυόμενο παράθυρο.

Επιλογή ειδοποίησης push βάσει κύλισης

Η ιδέα εδώ είναι να δώσετε στους επισκέπτες σας έναν ισχυρό λόγο για να εγγραφούν. Εάν χρειάζεστε βοήθεια με αυτό, ελέγξτε το άρθρο μας σχετικά με το πώς να δημιουργήσετε μια προσαρμοσμένη φόρμα εγγραφής για ειδοποιήσεις push.

Μεγάλη Επιλογή τύπου Safari με Τμήματα

Και αν θέλετε να δημιουργήσετε πιο στοχευμένα αναδυόμενα παράθυρα, μπορείτε να χρησιμοποιήσετε τους κανόνες στόχευσης κάτω από την καρτέλα Κανόνας Στόχευσης:

Ενεργοποίηση κανόνων στόχευσης WordPress PushEngage

Αυτοί είναι καθολικοί κανόνες στόχευσης και θα έχουν προτεραιότητα έναντι των κανόνων στόχευσης για μεμονωμένα αναδυόμενα παράθυρα. Αλλά αν θέλετε, μπορείτε να δημιουργήσετε ισχυρούς κανόνες στόχευσης για κάθε αναδυόμενο παράθυρο επεξεργαζόμενοι τα.

Κανόνες συνδρομής επιλογής PushEngage

Για παράδειγμα, μπορείτε να δημιουργήσετε αναδυόμενα παράθυρα σε διαφορετικές γλώσσες για να στοχεύσετε επισκέπτες από διαφορετικές χώρες.

Και αν θέλετε μερικά πρότυπα με υψηλό ποσοστό κλικ για να ξεκινήσετε, θα πρέπει να ελέγξετε αυτό το άρθρο σχετικά με τα πρότυπα εγγραφής για ειδοποιήσεις push με υψηλές μετατροπές.

What to Do Before You Send iOS Push Notifications

Είστε σχεδόν έτοιμοι.

Πριν ξεκινήσετε να στέλνετε ειδοποιήσεις push, θα χρειαστεί να ρυθμίσετε μια επιλογή εγγραφής για τον ιστότοπό σας. Η επιλογή σας θα μετατρέψει τους επισκέπτες του ιστότοπου σε συνδρομητές ειδοποιήσεων push. Επομένως, αυτό είναι ένα κρίσιμο στοιχείο. 

Αν χρειάζεστε έμπνευση, μπορείτε να δείτε αυτό το άρθρο σχετικά με επιλογές εγγραφής για ειδοποιήσεις push με υψηλή μετατροπή. Μόλις ολοκληρώσετε τη ρύθμιση της επιλογής, ο ιστότοπός σας μπορεί να συλλέγει συνδρομητές. Αλλά πώς ξέρετε καν ότι η επιλογή σας λειτουργεί σωστά;

Έτσι, το λογικό είναι να ρυθμίσετε μια ειδοποίηση καλωσορίσματος push.

Συμβουλή: Θα πρέπει να αφιερώσετε λίγο χρόνο για μια ολοκληρωμένη δοκιμή των ειδοποιήσεων push. Αυτό θα επιλύσει τα πιο συνηθισμένα προβλήματα και δεν θα χάσετε χρόνο προσπαθώντας να επιλύσετε ζητήματα αργότερα.

What to Do After You Send iOS Push Notifications

Αυτό ήταν για αυτό το θέμα, φίλοι!

Αν βρήκατε αυτό το άρθρο χρήσιμο, φροντίστε να αφήσετε ένα σχόλιο παρακάτω.

Η έναρξη με τις ειδοποιήσεις push μπορεί να φαίνεται τρομακτική. Αλλά αν παρακολουθείτε την παρακολούθηση στόχων και την ανάλυση, θα είστε εντάξει. Το πιο σημαντικό, θα κερδίσετε πολύ περισσότερα κέρδη με τη βοήθεια καμπανιών ειδοποιήσεων push. Ακολουθούν μερικοί δροσεροί πόροι για να ξεκινήσετε:

Αν είστε νέοι στις ειδοποιήσεις push, θα πρέπει να δοκιμάσετε το PushEngage. Το PushEngage είναι το #1 λογισμικό ειδοποιήσεων push στην αγορά. Και οι καμπάνιες σας θα είναι σε ασφαλή χέρια.

Έτσι, αν δεν το έχετε κάνει ήδη, ξεκινήστε με το PushEngage σήμερα!

Προσθήκη Σχολίου

Χαιρόμαστε που επιλέξατε να αφήσετε ένα σχόλιο. Λάβετε υπόψη ότι όλα τα σχόλια ελέγχονται σύμφωνα με την πολιτική απορρήτου μας, και όλοι οι σύνδεσμοι είναι nofollow. ΜΗΝ χρησιμοποιείτε λέξεις-κλειδιά στο πεδίο του ονόματος. Ας έχουμε μια προσωπική και ουσιαστική συζήτηση.

Προσέλκυση και Διατήρηση Επισκεπτών Αφού Φύγουν από τον Ιστότοπό σας

Αυξήστε την αξία κάθε επίσκεψης στον ιστότοπο με Ειδοποιήσεις Push που είναι δύσκολο να αγνοηθούν.

  • Δωρεάν Πρόγραμμα για Πάντα
  • Εύκολη Εγκατάσταση
  • Υποστήριξη 5 Αστέρων