Style de votre optin de notification push

Comment styliser votre formulaire d'opt-in pour les notifications push sur mobile et ordinateur

Vous cherchez un excellent moyen de styliser vos formulaires d'opt-in pour les notifications push ?

Les notifications push sont un excellent outil pour augmenter votre trafic récurrent, votre engagement et vos ventes. Par conséquent, vous voudrez augmenter vos taux d'opt-in autant que possible.

Dans cet article, nous allons vous montrer comment styliser vos formulaires d'opt-in pour les notifications push sur mobile et ordinateur.

Plongeons dans le vif du sujet.

Types de formulaires d'opt-in pour notifications push

Il existe deux types de base de formulaires d'opt-in pour notifications push :

  • Opt-in en une seule étape : Les utilisateurs peuvent s'abonner aux notifications push en un seul clic. Il ne permet aucune personnalisation et utilise uniquement les styles par défaut du système.
  • Opt-in en deux étapes :Pour les opt-ins en deux étapes, l'utilisateur doit cliquer deux fois pour s'abonner. Mais l'avantage est que vous pouvez tout personnaliser, de la conception à la copie.

Mais vous devez savoir qu'il existe un tas de sous-catégories d'opt-in différentes.

Principalement, nous verrons un tas de variantes dans les opt-ins en deux étapes car les opt-ins en une seule étape ne sont pas vraiment personnalisables.

Vous pouvez choisir d'utiliser un opt-in de style Safari :

Placement du centre d'optin de style Safari

Un grand opt-in de style boîte Safari :

Exemple de grand opt-in Safari

Un opt-in barre en forme de cloche :

Cloche placée en bas à gauche

Une grande boîte Safari avec des segments :

Opt-in de notification push avec segments

Un opt-in barre flottante :

Optin barre flottante

Ou le simple opt-in en une seule étape :

Opt-in en une seule étape

Si vous n'êtes pas sûr de celui que vous devriez choisir, continuez à lire. Nous parlerons de certaines des fonctionnalités personnalisables pour chaque type d'opt-in plus loin dans cet article.

La partie cool, c'est que...

Vous pouvez personnaliser n'importe quel formulaire d'opt-in pour notifications push que vous choisissez pour votre site directement depuis votre tableau de bord PushEngage.

Et si vous vous sentez d'humeur sophistiquée, vous pouvez même changer l'emplacement de la fenêtre contextuelle d'opt-in. Tout concernant l'opt-in est entièrement personnalisable, y compris la couleur du texte ou de l'arrière-plan, à la fois pour ordinateur et mobile.

Un autre élément important dans l'opt-in d'abonnement est la Superposition de notification.

Superposition d'opt-in pour notifications push

Une superposition vous donne un espace supplémentaire pour expliquer les avantages de s'abonner à vos notifications push. Pour un opt-in en une seule étape, votre Superposition de notification devient très cruciale car vous ne pouvez pas modifier la copie de l'opt-in.

Comment styliser votre formulaire d'opt-in pour notifications push

Dans votre tableau de bord PushEngage, allez dans Design » Modèles de popup et sélectionnez un type d'opt-in d'abonnement à personnaliser :

Modales de fenêtre contextuelle

La partie la plus cool est que vous pouvez utiliser plusieurs modèles de popup de notification push en même temps.

Plusieurs modales de popup de notification push

Maintenant, vous pouvez exécuter plusieurs opt-ins et tester lequel fonctionne le mieux pour votre site sans avoir à basculer entre eux.

Nous allons parler de ce qui est différent dans chaque opt-in lorsque nous styliserons chaque formulaire d'opt-in pour notifications push. Si vous êtes complètement nouveau dans les formulaires d'opt-in pour notifications push, nous vous recommandons de lire l'article entier et de décider quel type d'opt-in convient à votre site.

Mais si vous êtes déjà familier avec les différents types de formulaires d'opt-in pour notifications push, vous devriez sauter au type d'opt-in que vous souhaitez styliser :

Examinons chaque type d'opt-in et comment vous pouvez les personnaliser.

Comment personnaliser un opt-in de notification push de style Safari

Commençons par personnaliser vos opt-ins de notification push de style Safari pour les ordinateurs de bureau. Un opt-in de style Safari est une fenêtre contextuelle qui ressemble à une fenêtre contextuelle Safari standard. Seulement, si vous créez un opt-in de notification push de style Safari, les visiteurs de votre site verront le style Safari quel que soit le navigateur qu'ils utilisent. Et cela n'a rien à voir avec le système d'exploitation de leur appareil.

Ainsi, vous n'êtes pas limité au seul écosystème Apple. Les styles sont simplement conservés quel que soit le navigateur ou le système d'exploitation de vos abonnés.

La première fonctionnalité que vous devriez connaître est le placement de votre opt-in sur l'écran. Vous pouvez décider où vous souhaitez afficher l'opt-in sur votre site Web ou le placement de votre opt-in parmi les options proposées dans le menu déroulant.

Personnalisation du style

Cliquez sur Modifier le Popup et sous l'onglet Conception du Popup, concevez votre opt-in :

Modale de popup de style Safari

Ici, vous pouvez tout personnaliser sur votre fenêtre modale. Rédigez votre propre message de popup et personnalisez les étiquettes des boutons. Ensuite, utilisez les couleurs de votre marque pour la Couleur d'arrière-plan et les couleurs des boutons.

Vous pouvez même vérifier l'aperçu pour voir à quoi ressemble le popup dans différentes positions. Vous avez trois positions au choix :

  • En haut à gauche
  • En haut à droite
  • En haut au centre

Consultez le site Web en direct pour voir ce qui rend le mieux et sélectionnez votre placement.

Faites défiler vers le bas jusqu'à Activer les règles d'abonnement à l'opt-in et vous pourrez configurer quand vous souhaitez que votre opt-in de notification push s'affiche.

Activer les règles d'abonnement d'opt-in

Vous pouvez également créer un Superposition d'abonnement avec un Avis de consentement légal :

Superposition d'abonnement avec consentement légal

Lorsque vous avez terminé, cliquez sur le bouton Enregistrer et choisir les options d'affichage. Là, vous pouvez configurer quand l'opt-in s'affiche en créant un délai après qu'un visiteur arrive sur une page ciblée.

Options d'affichage de la fenêtre contextuelle modale

Lorsque vous avez terminé, appuyez simplement sur Enregistrer et activer le Popup. Voici à quoi il devrait ressembler une fois terminé :

Exemple d'optin de style Safari

Comment personnaliser une grande boîte de style Safari pour l'opt-in

Une grande boîte de style Safari apparaît au centre de la page, à la fois pour mobile et pour ordinateur. Et c'est un opt-in en deux étapes, vous pouvez donc personnaliser beaucoup de choses sur ce type d'opt-in également.

Personnalisation du style

Avant d'entrer dans ce que vous pouvez personnaliser sur votre opt-in de style Grande boîte Safari, examinons ce que vous ne pouvez pas personnaliser. Vous n'avez qu'une seule option de placement pour ce type d'opt-in en raison de sa taille.

Mais comme pour un opt-in de style Safari ordinaire, vous pouvez personnaliser :

  • Couleur d'arrière-plan
  • Couleur du bouton Autoriser
  • Couleur du bouton Bloquer
Grande modale de popup de style Safari

Et vous pouvez également personnaliser le texte et les options de police à l'aide de l'éditeur en direct. Le reste des options de personnalisation est exactement le même que pour l'opt-in Safari ordinaire, y compris les paramètres d'affichage de l'opt-in et la page intermédiaire.

Comment personnaliser une barre placée en forme de cloche

Une barre de notification apparaît en bas à droite ou à gauche de la page, sur mobile comme sur ordinateur. C'est une option d'abonnement personnalisable en deux étapes, avec les mêmes options de personnalisation qu'une grande boîte d'abonnement de style Safari. Et c'est exactement ce que son nom suggère. C'est une barre avec une cloche de notification sur laquelle vos visiteurs devront cliquer pour s'abonner.

Comment styliser une barre flottante

Comme nous l'avons dit, vous ne pouvez placer cette option qu'en bas à droite :

Cloche placée en bas à droite

Ou en bas à gauche de la page, sur mobile comme sur ordinateur.

Cloche placée en bas à gauche

En ce sens, elle est seulement légèrement différente d'une grande boîte de style Safari. En termes de styles, vous pouvez modifier les couleurs de la cloche et l'arrière-plan de la barre de notification :

Cloche placée modale de popup

Le reste des paramètres est exactement le même que pour les options de style Safari.

Comment personnaliser un grand style Safari avec segments

Une grande boîte de style Safari avec segments est exactement ce que son nom suggère. C'est une option d'abonnement Safari de grande taille avec des options pour segmenter automatiquement vos abonnés.

Opt-in de notification push avec segments

La création de segments pour vos abonnés aux notifications push peut vous aider à personnaliser considérablement vos campagnes. Si vous avez un site Web ou un blog avec un contenu diversifié et que vous connaissez déjà vos sources de trafic les plus importantes, vous devriez essayer d'utiliser une grande boîte de style Safari avec segments.

Ce type d'option d'abonnement est piloté par l'utilisateur car l'utilisateur décide du type de notifications qu'il souhaite recevoir.

Après avoir créé les segments, allez dans Design » Modales de Popup et créez une nouvelle option d'abonnement Grand Style Safari avec Segment :

Grand style Safari avec segment

Cliquez sur Modifier le Popup et sous l'onglet Conception du Popup, concevez votre opt-in :

Conception de popup pour grand Safari avec segments

Vous pouvez personnaliser à peu près tout sur votre option d'abonnement ici, à partir du texte jusqu'à l'intégration des couleurs de votre marque sur l'option d'abonnement. Dans le champ Options de Segment sur Ordinateur, vous pouvez sélectionner les segments auxquels vous souhaitez que vos visiteurs s'abonnent.

La beauté de cette option est que le même abonné peut choisir de s'abonner à plusieurs segments directement depuis la fenêtre contextuelle.

Faites défiler vers le bas jusqu'à Activer les règles d'abonnement à l'opt-in et vous pourrez configurer quand vous souhaitez que votre opt-in de notification push s'affiche.

Activer les règles d'abonnement d'opt-in

Vous pouvez également créer un Superposition d'abonnement avec un Avis de consentement légal :

Superposition d'abonnement avec consentement légal

Lorsque vous avez terminé, cliquez sur le bouton Enregistrer et choisir les options d'affichage. Là, vous pouvez configurer quand l'opt-in s'affiche en créant un délai après qu'un visiteur arrive sur une page ciblée.

Options d'affichage de la fenêtre contextuelle modale

Lorsque vous avez terminé, cliquez simplement sur Enregistrer et Activer le Popup :

Enregistrer et activer la fenêtre contextuelle

Comment personnaliser un opt-in de notification push de barre flottante

Une option de barre flottante apparaît en bas ou en haut de la page, sur mobile comme sur ordinateur. Encore une fois, c'est une option d'abonnement en deux étapes avec une page intermédiaire. Vous pouvez donc en personnaliser une grande partie.

How to Style a Floating Bar

Une option de barre flottante est assez similaire à une option de barre de notification. Les options de style sont donc également assez similaires. La principale différence est que vous obtenez une copie d'abonnement et des boutons comme toute autre option d'abonnement en deux étapes.

Vous pouvez les placer en bas de votre écran :

Optin barre flottante

Ou en haut de votre écran :

Placement supérieur de l'optin barre flottante

Et ensuite, vous pouvez personnaliser le reste de l'option d'abonnement de la même manière que toute autre option d'abonnement. Cela inclut les couleurs d'arrière-plan, les couleurs des boutons, tout texte dans l'ensemble de l'option d'abonnement, la page intermédiaire et les options d'affichage.

Comment personnaliser un opt-in de notification push en une seule étape

Réponse simple : Vous ne pouvez pas.

Une option d'abonnement aux notifications push en une seule étape ne peut pas être personnalisée car elle utilise les paramètres par défaut du système pour créer un popup. Ce que vous pouvez personnaliser, c'est l'icône de cloche qui accompagne votre option d'abonnement.

Vous pouvez placer la cloche pour la notification en une seule étape en bas à droite :

Optin en une seule étape en bas à droite

Ou en bas à gauche :

Optin en une seule étape en bas à gauche

Vous pouvez également modifier les couleurs de la cloche et le texte au survol de l'icône de cloche :

Paramètres de conception de l'optin en une seule étape

Faites défiler vers le bas jusqu'à Activer les règles d'abonnement à l'opt-in et vous pourrez configurer quand vous souhaitez que votre opt-in de notification push s'affiche.

Activer les règles d'abonnement d'opt-in

Vous pouvez également créer un Superposition d'abonnement avec un Avis de consentement légal :

Superposition d'abonnement avec consentement légal

Gardez à l'esprit que tout cela concerne uniquement la version de bureau. La version mobile n'a que les paramètres par défaut du système et vous ne pouvez pas non plus en modifier l'emplacement.

La version mobile de vos options de notification push en une seule étape ressemblerait à ceci :

Optin mobile en une seule étape

En termes de paramètres d'optin, vous pouvez définir un délai pour l'affichage de l'optin. Et vous pouvez modifier la durée du cookie pour vous souvenir si quelqu'un a refusé de choisir vos notifications push.

Paramètres d'affichage de l'optin en une seule étape

Et c'est vraiment tout ce que vous pouvez faire avec les options en une seule étape. Nous vous recommandons de commencer par les options en une seule étape pour augmenter vos taux d'abonnement.

Si vous débutez avec les notifications push, la constitution d'une liste sera une priorité plus élevée pour votre entreprise. Au fil du temps, vous pourrez passer à des options en deux étapes plus personnalisables.

Que faire une fois que vous avez terminé de styliser vos modales de popup

Une fois que vous avez terminé de personnaliser une modale de popup de notification push, créez-en d'autres. Vous pouvez créer autant de modales de popup que vous le souhaitez en utilisant PushEngage.

La personnalisation des optins de notification push sur votre site peut vous aider à convertir votre trafic en abonnés push et en prospects commerciaux authentiques, de manière autonome.

Pas convaincu ? Consultez ces ressources :

Nous vous recommandons d'utiliser PushEngage pour créer vos campagnes de notification push. PushEngage est le logiciel de notification push n° 1 au monde. Donc, si ce n'est pas déjà fait, commencez dès aujourd'hui avec PushEngage !

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Engagez et retenez les visiteurs après qu'ils aient quitté votre site Web

Augmentez la valeur de chaque visite web avec des notifications push difficiles à ignorer.

  • Plan gratuit à vie
  • Configuration facile
  • Support 5 étoiles