Blocs de contenu des pop-ups web

Référence pour chaque bloc que vous pouvez ajouter sur une mise en page de contenu de pop-up web depuis l’onglet Éléments.

Chaque type de bloc a un objectif différent dans le pop-up :

• Texte : du texte sur le pop-up, avec une mise en forme et des styles de texte en ligne
• Bouton : un appel à l’action qui ouvre un lien, ferme le pop-up, demande une notification push web ou accède à une autre page
• Icône : un petit pictogramme à côté de votre texte
• Compte à rebours : un minuteur d’échéance en direct
• Sélecteur de sujets : des cases à cocher ou des puces qui enregistrent les centres d’intérêt dans un tag
• Évaluation : un score NPS, étoiles ou pouces envoyé comme un événement
• Formulaire d’abonnement : inscription par e-mail et autres champs de formulaire

Comment configurer les blocs de contenu

1. Ouvrez l’onglet Éléments à droite.

2. Faites glisser une tuile sur le pop-up, ou cliquez dessus pour l’ajouter à la page.
   • Un clic insère le bloc sous la sélection sur le canevas.
   • Si rien n’est sélectionné, le bloc est placé à la fin de la première section de la page.
3. Sélectionnez un bloc sur le pop-up pour ouvrir l’onglet Paramètres (à côté de Éléments). L’ajout d’un bloc depuis Éléments ouvre immédiatement les Paramètres.

Pour déplacer un bloc n’importe où sur le pop-up, y compris dans une autre section, sélectionnez-le et faites glisser la poignée qui apparaît à sa gauche vers n’importe quel espace libre.

Dans les Paramètres, vous pouvez :

• Configurer les options propres à ce bloc
• Le déplacer vers le haut ou vers le bas au sein de sa section avec POSITION (flèches haut et bas)
• Le supprimer avec l’icône de suppression

Note

Lorsqu’une section du pop-up ne contient encore aucun élément, elle affiche ses propres contrôles + Texte, + Bouton et + Formulaire. Pour y ajouter plutôt une Icône, un Compte à rebours, un Sélecteur de sujets ou une Évaluation :

1. Ajoutez un élément en utilisant le contrôle + Texte ou + Bouton.
2. Sélectionnez-le.
3. Ajoutez le bloc depuis l’onglet Éléments. Il se placera dans la même section, sous votre sélection.

Texte

Cliquez sur n’importe quel texte ou étiquette de bouton sur le pop-up pour le modifier en ligne. Une barre d’outils apparaît au-dessus :

• Appliquer une mise en forme gras, italique ou souligné.
• Ajouter ou supprimer un lien.
• Définir l’alignement à gauche, au centre ou à droite.

Pour changer le style du texte, sélectionnez-le et ouvrez l’onglet Paramètres à droite. Choisissez Icône (style de texte, pas le bloc Icône), Eyebrow, Titre 1–3, Corps de texte ou Légende.

Bouton

Cliquez sur un bouton pour le sélectionner, puis ouvrez l’onglet Paramètres à droite :

• Style de bouton : Principal ou Secondaire.
• Action :
  • Ouvrir un lien : saisissez l’URL du lien. Nouvel onglet est activé par défaut. Décochez la case pour ouvrir le lien dans le même onglet.
  • Fermer le pop-up.
  • S’abonner : demander l’autorisation de notification push web et abonner le visiteur. Ce n’est pas le bloc Formulaire d’abonnement par e-mail. Une demande acceptée ferme le pop-up. Un refus désactive le bouton, car le navigateur ne le proposera pas deux fois.
  • Aller à la page : choisissez une autre page du pop-up vers laquelle basculer. Cette option apparaît une fois que le pop-up a plus d’une page. Voir Travailler avec plusieurs pages.

Utilisez POSITION pour déplacer le bouton vers le haut ou le bas, ou l’icône de suppression pour le retirer.

Icône

Ajoutez un bloc Icône pour insérer un petit pictogramme (par exemple un signe de pourcentage pour une promotion, ou un cadeau pour un concours) à côté de votre texte. Il s’agit du bloc Icône, et non du style de texte Icône sous Texte.

1. Ouvrez l’onglet Éléments à droite.
2. Cliquez sur Icône.
3. Définissez les options dans l’onglet Paramètres :

• Icône : choisissez parmi un ensemble fixe de 20 icônes (cloche, cadeau, panier, graphique, cadenas, calendrier, coche, étoile, horloge, étiquette, courrier, téléphone, téléchargement, lecture, bouclier, étincelle, pourcentage, camion, ticket, utilisateur). Le téléversement d’icônes personnalisées n’est pas pris en charge.
• Taille : 24, 32 ou 48 px.
• Accentuation : activée par défaut, pour que l’icône corresponde à la couleur d’accentuation du pop-up. Désactivez-la pour choisir une couleur personnalisée.

Compte à rebours

Ajoutez un bloc Compte à rebours pour créer un sentiment d’urgence avec une échéance qui s’écoule en direct sur le pop-up.

1. Ouvrez l’onglet Éléments à droite.
2. Cliquez sur Compte à rebours.
3. Définissez les options dans l’onglet Paramètres :

• Échéance : la date et l’heure auxquelles le compte à rebours atteint zéro.
• Fuseau horaire : le fuseau dans lequel l’échéance est lue, et non le fuseau horaire du visiteur. Par défaut, il s’agit du fuseau horaire de votre navigateur ; choisissez UTC dans la liste pour lire l’échéance littéralement.
• Langue : la langue des étiquettes d’unité (jours, heures, etc.). Laissez-la sur Anglais (par défaut) ou choisissez parmi 14 autres langues.
• Étiquettes : activez pour afficher les étiquettes d’unité à côté des chiffres.
• Lorsque l’échéance est passée :
  • Afficher des zéros : le compte à rebours continue d’afficher 00:00:00.
  • Ne pas afficher le pop-up : le pop-up entier est ignoré une fois l’échéance passée. Pushwoosh vérifie l’échéance juste avant que le pop-up n’apparaisse. Un pop-up ignoré de cette manière ne compte pas dans la fréquence Une fois par visiteur.
  • Aller à la page : passez à une autre page du pop-up lorsque l’échéance est passée. Proposé uniquement lorsque le pop-up a plus d’une page. Choisissez la page cible dans le menu déroulant qui apparaît. Voir Travailler avec plusieurs pages.

Sélecteur de sujets

Ajoutez un bloc Sélecteur de sujets pour permettre aux visiteurs de sélectionner eux-mêmes leurs centres d’intérêt sous forme de cases à cocher ou de puces. Leurs sélections sont enregistrées dans un tag sur leur appareil.

1. Ouvrez l’onglet Éléments à droite.
2. Cliquez sur Sélecteur de sujets. Le bloc apparaît avec deux options par défaut. Ses paramètres s’ouvrent dans l’onglet Paramètres.

3. Dans Tag de liste où le choix est enregistré, choisissez un tag de type Liste existant, ou choisissez Créer un tag de liste pour en créer un sans quitter l’éditeur. Tant que vous ne choisissez pas de tag, le bloc n’enregistre rien.
4. Réglez le Contrôle sur Cases à cocher ou Puces.
5. Définissez les Sélections minimum et Sélections maximum. 0 à l’une ou l’autre extrémité signifie aucune limite de ce côté (0 = quelconque dans les étiquettes de champ). Au moins une sélection est toujours requise pour soumettre, même lorsque le Minimum est 0. Sélectionner au-delà du maximum, ou essayer de soumettre en dessous du minimum, affiche un message en ligne à côté du bloc au lieu d’envoyer quoi que ce soit.
6. Sous Options et texte, modifiez l’étiquette de chaque option (ce que le visiteur lit) et la Valeur du tag (ce qui est enregistré dans le tag). Si vous laissez la Valeur du tag vide, Pushwoosh enregistre l’ID interne de l’option à la place (option-1, option-2, etc.). Utilisez + Option pour ajouter une autre ligne, jusqu’à 12 options au total.
7. Définissez l’Étiquette du bouton (par défaut Enregistrer) et le Message après envoi (par défaut Merci ! Votre choix est enregistré.).

Les sélections ne font qu'ajouter, elles ne suppriment jamais

Les sélections d’un visiteur sont ajoutées au tag. Soumettre à nouveau le bloc ajoute d’autres valeurs. Cela n’efface jamais les précédentes. Un pop-up ne peut pas permettre à un visiteur de désélectionner un sujet qu’il a choisi auparavant. Cela nécessite une interface différente, comme une page de préférences adossée au même tag.

Évaluation

Ajoutez un bloc Évaluation pour collecter un score rapide (NPS, étoiles ou pouces) en tant qu’événement personnalisé.

1. Ouvrez l’onglet Éléments à droite.
2. Cliquez sur Évaluation. Le bloc apparaît sans événement défini. Ses paramètres s’ouvrent dans l’onglet Paramètres.

3. Réglez l’Échelle sur NPS 0–10, Étoiles (1 à 5) ou Pouces (vers le haut ou vers le bas). Pour les trois, un score plus élevé signifie une évaluation plus positive. Pouces envoie 1 pour un pouce levé et 0 pour un pouce baissé.
4. Réglez Quand le score est envoyé sur Au clic (envoie lorsque le visiteur choisit une valeur) ou Avec un bouton (attend un clic de soumission).
5. Dans Événement sous lequel le score est envoyé, choisissez un événement de votre projet, ou choisissez Créer un événement pour en définir un nouveau sans quitter le pop-up. Le score est stocké en tant que cet événement (attributs score, scale et slotKey). Utilisez-le dans des segments ou des Customer Journeys comme n’importe quel autre événement. Tant que vous ne choisissez pas d’événement, le bloc n’envoie rien.
6. Remplissez éventuellement les champs Étiquette gauche et Étiquette droite aux deux extrémités de l’échelle.
7. Si Quand le score est envoyé est Avec un bouton, définissez l’Étiquette du bouton (par défaut Envoyer l’évaluation).

La création d'un événement ici est permanente

• Un événement que vous créez à partir de ce menu est un véritable événement sur votre projet, pas un brouillon. Le supprimer plus tard signifie aller dans la liste des événements de votre projet, pas seulement modifier le pop-up.
• Si un événement lié au bloc est renommé ou supprimé ailleurs par la suite, ou a été saisi dans ce champ avant qu’il ne devienne un sélecteur, le sélecteur affiche Manquant : <nom de l’événement>. Il ne supprime ni n’échange silencieusement l’événement. Choisissez un événement différent pour corriger la liaison.

Formulaire d’abonnement

Ajoutez un bloc Formulaire d’abonnement pour collecter les inscriptions par e-mail et d’autres champs dans le pop-up. Utilisez-le pour les e-mails et les champs de formulaire. Pour l’autorisation de notification push web, utilisez plutôt un bouton avec l’action S’abonner. En savoir plus sur les formulaires d’abonnement.

Note

Un pop-up ne peut avoir qu’un seul Formulaire d’abonnement. Une fois qu’une page en possède déjà un, cette tuile n’est plus disponible dans Éléments.

Ajouter le bloc

1. Ouvrez l’onglet Éléments à droite.
2. Cliquez sur Formulaire d’abonnement.
3. Le bloc apparaît avec un champ E-mail et un bouton S’abonner par défaut. Ses paramètres s’ouvrent dans l’onglet Paramètres.

Choisir une source de formulaire

Avec le bloc sélectionné, l’onglet Paramètres affiche un menu déroulant Formulaire d’abonnement qui lie le bloc à un formulaire d’abonnement de votre projet. Vous pouvez créer un nouveau formulaire ou en choisir un qui existe déjà :

Option	Quand l’utiliser
Nouveau formulaire — créé à l’enregistrement (par défaut)	Démarrage le plus rapide : Pushwoosh crée le formulaire pour vous lorsque vous enregistrez le pop-up, nommé « nom du pop-up — pop-up web ».
+ Créer un nouveau formulaire…	Vous voulez nommer le formulaire et le configurer avant d’enregistrer le pop-up. Ouvre une boîte de dialogue Nouveau formulaire d’abonnement. Saisissez un Nom, définissez les Champs, le texte de Soumission et la Confidentialité, puis cliquez sur Créer.
Un formulaire existant dans le menu déroulant	Réutiliser un formulaire qui a déjà des abonnés ou une double confirmation (double opt-in) configurée.

Important

Si vous choisissez un formulaire existant dans le menu déroulant, l’enregistrement de ce pop-up met à jour ce formulaire d’abonnement pour l’ensemble du projet. Les champs, le texte du bouton de soumission et les messages de succès que vous définissez dans ce bloc remplacent ce que ce formulaire avait auparavant. Cela inclut le formulaire intégré sur votre site web et le formulaire dans Audience → Formulaires d’abonnement.

Les autres pop-ups web qui utilisent le même formulaire ne sont pas mis à jour. Chaque pop-up conserve sa propre copie des champs et des textes du bloc jusqu’à ce que vous rouvriez ce pop-up et l’enregistriez à nouveau.

Définir les champs et le comportement de soumission

Toujours dans l’onglet Paramètres :

1. Définissez le Style du bouton de soumission :
   • Principal : bouton plein avec la couleur d’Accentuation du pop-up. Idéal lorsque S’abonner est l’action principale de la page.
   • Secondaire : bouton avec un contour, une bordure et une étiquette de la couleur d’accentuation. Idéal lorsque le pop-up a déjà un bouton principal ou que vous souhaitez un aspect plus léger.
2. Activez la Confidentialité pour ajouter une ligne de consentement à la politique de confidentialité sous le formulaire, puis saisissez l’URL de votre politique de confidentialité dans le champ qui apparaît.

3. Sous Champs, conservez E-mail (toujours requis) et ajoutez Prénom, Nom, Téléphone ou Personnalisé.
   • Pour un champ Personnalisé, choisissez le tag auquel sa valeur est soumise dans le menu déroulant Choisir un tag…, ou choisissez Créer un tag pour créer un nouveau tag de type chaîne de caractères sans quitter l’éditeur.
   • Définissez les textes de Succès et de Confirmation d’e-mail affichés après qu’un visiteur a soumis le formulaire.