Looking for a guide on how to send iOS push notifications and grow your business?
Vous êtes au bon endroit.
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.
Ça vous dit ? Plongeons dans le vif du sujet !
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.
Ne sautez aucune étape et tout ira bien.
Avant de créer une campagne de notification push de bienvenue, vous devez sélectionner un service de notification push. Un service de notification push est un logiciel qui vous permet de créer des campagnes push sans aucun codage.
Nous vous recommandons d'utiliser PushEngage.
PushEngage est le plugin de notifications push n°1 au monde.
Les notifications push vous aident à augmenter le trafic de votre site web et l'engagement en mode automatique. Et si vous gérez une boutique en ligne, PushEngage vous aide également à augmenter vos ventes en vous aidant à créer des notifications push e-commerce automatisées.
Vous pouvez commencer gratuitement, mais si vous êtes sérieux au sujet de la croissance de votre entreprise, vous devriez acheter un plan payant. De plus, avant d'acheter un service de notification push, vous devriez consulter ce guide sur les coûts des notifications push.
Voici un aperçu rapide de ce que vous obtenez avec PushEngage :
- Campagnes automatisées à forte conversion
- Plusieurs options de ciblage et de planification de campagnes
- Suivi des objectifs et analyses avancées
- Tests A/B intelligents
- Proven push notification templates to help you get more traffic and conversions
- Un responsable du succès dédié
Vous verrez que PushEngage est de loin le meilleur choix si vous voulez générer du trafic, de l'engagement et des ventes pour votre entreprise. Et si vous avez un budget limité, vous pouvez toujours faire preuve d'un peu créativité avec vos notifications push.
Allons-y !
Étape n°1 : Créez un compte PushEngage gratuit
Rendez-vous sur PushEngage et cliquez sur Commencez gratuitement dès maintenant :
Vous pouvez commencer avec le plan gratuit. Mais si vous recherchez les notifications push les plus puissantes, vous devriez choisir un plan payant basé sur les besoins de votre entreprise. Une fois que vous savez quel plan vous voulez, cliquez sur Commencer pour créer votre compte PushEngage.
Étape n°2 : Inscrivez-vous sur PushEngage
Il est maintenant temps de créer votre compte PushEngage. Commencez par vous inscrire avec une adresse e-mail ou un identifiant Gmail :
Ensuite, remplissez les détails de votre compte :
Et ajoutez les informations de votre carte de crédit pour acheter votre plan :
Si vous avez choisi le compte gratuit, votre carte de crédit ne sera jamais débitée tant que vous n'aurez pas choisi de mettre à niveau votre forfait. Et maintenant, vous êtes prêt à accéder à votre tableau de bord PushEngage. Cliquez simplement sur Terminer l'inscription et obtenir un accès instantané.
Si vous avez déjà utilisé OneSignal ou PushAlert, vous constaterez que PushEngage vous offre une expérience beaucoup plus fluide depuis le tableau de bord. Le tableau de bord OneSignal n'est pas conçu pour les campagnes avancées. Pour cela, vous aurez besoin de l'API plus que du 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.
Vous avez terminé la création de votre compte. Alors, rendez-vous sur le tableau de bord PushEngage et suivez les instructions :
Cliquez sur Paramètres du site » Détails du site et cliquez sur le bouton Cliquez ici pour les instructions de configuration :
Cliquez sur l'onglet WordPress et cliquez sur le bouton Installer le plugin WordPress PushEngage pour installer le plugin sur votre site Web.
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:
L'assistant est assez simple. Si vous êtes un nouvel utilisateur, cliquez sur Nouveau ? Réclamez votre compte gratuit. Et si vous vous êtes déjà inscrit, cliquez sur Connecter votre compte existant.
Ensuite, vous pouvez sélectionner votre site dans le menu déroulant Sélectionner un site sous Connecter un site enregistré si vous avez déjà enregistré un site lors de l'inscription :
Ou, vous pouvez cliquer sur Enregistrer un nouveau site pour ajouter un nouveau site si vous avez un plan tarifaire Premium ou supérieur. À l'étape suivante, l'assistant d'intégration vous invitera à installer d'autres plugins WordPress indispensables.
Si vous avez suivi chaque étape correctement, vous verrez ce message de succès de l'assistant :
Vous êtes maintenant prêt à créer des campagnes et des modales de fenêtre contextuelle de notification 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.
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.
Comment personnaliser vos campagnes
Avant de créer une campagne, vous devez configurer des segments et des groupes d'audience pour envoyer des messages push personnalisés.
Rien ne vaut le niveau de personnalisation que vous pouvez obtenir en créant des segments et des groupes d'audience pour vos abonnés aux notifications push. Accédez à PushEngage » Audience et commencez à créer des segments et des groupes d'audience immédiatement.
Sous l'onglet Segments, vous pouvez créer de nouveaux segments ou modifier ceux qui existent déjà :
Et si vous avez besoin d'une personnalisation encore plus poussée, créez un groupe d'audience dans l'onglet Groupes d'audience :
Si vous êtes nouveau dans les segments de notifications push et les notifications push personnalisées, vous devriez consulter notre article sur comment créer des segments et notre annonce sur le regroupement avancé d'audience.
The coolest bit is that you can create targeted push campaigns by creating an Audience Group for just your iOS and iPadOS users:
And you can use this Audience Group for your drip campaigns and broadcasts.
Comment créer une campagne de notifications push par e-mail
Accédez à votre tableau de bord PushEngage et allez dans Campaign » Drip Autoresponders, puis cliquez sur Create New Drip Autoresponder :
Ensuite, nommez votre campagne (nous suggérons quelque chose comme Drip de bienvenue), et sous Contenu, sélectionnez l'option qui dit : « Envoyer la notification immédiatement après l'abonnement de l'utilisateur ») :
À ce stade, vous pouvez cliquer sur la flèche à côté de la notification pour modifier le contenu de votre notification.
Si vous avez un plan Premium ou Enterprise avec PushEngage, vous pourrez ajouter plus d'une notification pour créer une séquence de messages de bienvenue automatisés. Cliquez simplement sur Add New Notification et modifiez le contenu.
Une fois que vous avez terminé, cliquez sur Paramètres de drip et sélectionnez l'option pour envoyer votre campagne de bienvenue à tous les abonnés :
Ensuite, faites défiler vers le bas pour définir vos propres paramètres UTM afin de suivre les notifications push :
Et une fois que vous avez terminé, faites défiler vers le haut et cliquez sur le bouton Activer l'autorépondeur :
Et voilà !
How to Send a iOS Web Push Broadcast
Accédez à votre tableau de bord PushEngage et allez dans Campaign » Push Broadcasts, puis cliquez sur le bouton Create a New Push Broadcast :
Sous l'onglet Content, ajoutez le contenu de votre notification push :
Et vous pouvez configurer un test A/B pour augmenter vos taux de clics ou vous pouvez planifier vos diffusions push pour obtenir plus de vues. Dans tous les cas, vous devriez consulter nos meilleures pratiques pour les notifications push pour obtenir les meilleurs résultats.
How to Create a iOS Push Notification Popup Modal
Une modale de popup de notification push est une petite fenêtre qui apparaît au-dessus de l'interface d'un site Web ou d'une application mobile pour afficher un message ou une notification au visiteur du site Web.
La modale de popup peut être déclenchée par divers événements. Vous pouvez configurer des popups pour qu'ils se déclenchent lors de la visite d'une page, lors d'un défilement, et même lors d'actions personnalisées telles qu'un clic sur un bouton.
Habituellement, vous verrez un appel à l'action sur la modale de popup tel que « S'abonner » ou « Autoriser » pour obtenir le consentement des visiteurs afin de leur envoyer des notifications push. Si vous suivez ce tutoriel, vous pouvez créer une popup comme celle-ci :
Vous pouvez créer des modales de popup qui peuvent segmenter les abonnés directement ou créer des modales de popup régulières qui collectent simplement des abonnés avec les attributs par défaut tels que la géolocalisation et le navigateur.
Retournez à votre tableau de bord WordPress. Allez dans PushEngage » Design :
Et vous pouvez configurer autant de modales de popup que vous le souhaitez. Bien sûr, vous pouvez vous assurer qu'elles se déclenchent à différents moments sous Display Options pour chaque modale de popup.
L'idée ici est de donner à vos visiteurs une bonne raison de s'abonner. Si vous avez besoin d'aide à ce sujet, consultez notre article sur comment créer un opt-in de notification push personnalisé.
Et si vous souhaitez créer des modales de popup plus ciblées, vous pouvez utiliser les règles de ciblage sous l'onglet Targeting Rule :
Ce sont des règles de ciblage globales et elles auront la préférence sur les règles de ciblage pour les modales de popup individuelles. Mais si vous le souhaitez, vous pouvez créer des règles de ciblage robustes pour chaque modale en les modifiant.
Par exemple, vous pouvez créer des modales de fenêtre contextuelle dans différentes langues pour cibler les visiteurs de différents pays.
Et si vous souhaitez des modèles avec un taux de clics élevé pour commencer, vous devriez consulter cet article sur les opt-ins de notification push à haute conversion.
What to Do Before You Send iOS Push Notifications
Vous avez presque terminé.
Avant de commencer à envoyer des notifications push, vous devrez configurer une option d'abonnement pour votre site web. Votre option d'abonnement convertira les visiteurs du web en abonnés aux notifications push. C'est donc un élément essentiel.
Si vous avez besoin d'inspiration, vous pouvez consulter cet article sur les opt-ins de notification push à forte conversion. Une fois que vous avez configuré l'opt-in, votre site peut collecter des abonnés. Mais comment savoir si votre opt-in fonctionne correctement ?
Donc, la chose raisonnable à faire est de configurer une notification push de bienvenue.
Astuce de pro : Vous devriez passer du temps à tester intégralement vos notifications push. Cela permettra de résoudre les problèmes les plus courants et vous ne perdrez pas de temps à essayer de résoudre les problèmes plus tard.
What to Do After You Send iOS Push Notifications
C'est tout pour cette fois, les amis !
Si vous avez trouvé cet article utile, n'hésitez pas à laisser un commentaire ci-dessous.
Commencer avec les notifications push peut sembler intimidant. Mais si vous gardez un œil sur le suivi des objectifs et l'analyse, tout ira bien. Plus important encore, vous réaliserez beaucoup plus de profits grâce aux campagnes de notifications push. Voici quelques ressources intéressantes pour vous aider à démarrer :
- Comment utiliser les notifications push de retargeting pour multiplier vos revenus par 2
- Comment trier vos notifications push et trouver les campagnes gagnantes
- Comment nettoyer les listes d’abonnés aux notifications push (Facile)
- Comment envoyer automatiquement des notifications push RSS
- Comment utiliser les notifications push pour promouvoir un site d’actualités
- Comment utiliser les notifications push de vente croisée pour multiplier vos ventes par 2
- Comment utiliser les notifications push d'abandon de navigation (4 étapes)
Si vous êtes nouveau dans les notifications push, vous devriez essayer PushEngage. PushEngage est le logiciel de notification push numéro 1 sur le marché. Et vos campagnes seront entre de bonnes mains.
Alors, si ce n'est pas déjà fait, commencez dès aujourd'hui avec PushEngage !
