Contenu des pop-ups web

Le contenu des pop-ups web est la mise en page visuelle que les visiteurs voient lorsqu’un pop-up web apparaît sur votre site web. Créez-le sous Contenu, puis associez-le à une campagne de pop-ups web.

Créer un contenu de pop-up web

1. Allez dans Contenu → Contenu des pop-ups web.
2. Cliquez sur Créer un contenu de pop-up web.
3. Choisissez un modèle de départ dans la galerie. Utilisez le menu déroulant des catégories en haut à droite pour filtrer par cas d’utilisation (par exemple Promotions & offres ou Jeux & marketplaces), ou laissez-le sur Tous les modèles.

4. Une fois que vous avez choisi un modèle, personnalisez le pop-up dans l’éditeur.

Nommer le pop-up

Cliquez sur le nom du pop-up dans la barre supérieure pour le modifier. Le nom identifie ce contenu dans Pushwoosh, dans la liste de contenu et dans l’assistant de campagne. Les visiteurs du site web ne le voient pas.

Modifier les paramètres du pop-up

Ajustez l’apparence et la position du pop-up dans le panneau des paramètres à gauche du canevas :

Note

Ces paramètres contrôlent uniquement le design du pop-up. Les paramètres d’audience, de ciblage de page, de délai, de fréquence et de lancement sont configurés dans la campagne de pop-ups web.

Images

Si la mise en page inclut une ou plusieurs images, chacune dispose de son propre bloc en haut du panneau avec un aperçu et des commandes.

Cliquez sur Changer l’image pour choisir un fichier dans la Médiathèque de votre projet.

Sous l’aperçu :

• Ajustement : comment l’image remplit son cadre : Naturel, Couvrir ou Contenir. Non affiché pour une image d’arrière-plan, qui couvre toujours sa zone.
• Flou : adoucir l’image, de 0 à 20 px.
• Assombrir : images d’arrière-plan uniquement. Ajoute un voile sombre sur la photo pour que le texte placé dessus reste lisible, de 0 à 100 %.

Certaines mises en page ajoutent également une section Mise en page avec des paramètres de placement d’image :

• Largeur de l’image : part de la largeur du pop-up, en pourcentage.
• Position de l’image : Gauche ou Droite, pour les mises en page avec une image à côté du texte.

La section Mise en page n’apparaît que lorsque la mise en page actuelle a des paramètres de ce type. Sur une mise en page en barre inférieure, elle propose Largeur des boutons au lieu des commandes d’image.

Taille et style du pop-up

Dans la section Pop-up :

• Largeur, Hauteur (vide = auto) : laissez les deux vides pour un pop-up qui s’adapte à son contenu, ou définissez une taille fixe en pixels. Dans un pop-up avec plusieurs pages, chaque page a sa propre taille.
• Rayon des coins, Ombre : l’arrondi des coins et l’ombre portée du pop-up.
• Animation : comment le pop-up apparaît : Aucune, Fondu ou Glissement.

Couleurs

Cliquez sur Couleurs pour développer la palette de couleurs du pop-up :

• Arrière-plan, Accentuation (boutons) : l’arrière-plan du pop-up et la couleur d’accentuation appliquée aux boutons.
• Texte, Texte secondaire : la couleur du corps du texte et du texte secondaire tel que les légendes et les surtitres.
• Texte sur l’image : affiché uniquement pour les mises en page avec du texte sur une image d’arrière-plan. Définit la couleur utilisée pour ce texte.

Placement et superposition

Dans la section PLACEMENT :

• Position : choisissez où le pop-up s’ancre sur la page à l’aide de la grille 3×3.
• Marge du bord : définissez la distance en pixels par rapport au bord sélectionné.

Dans la section SUPERPOSITION :

• Assombrir la page en arrière-plan : activez pour assombrir le reste de la page pendant l’affichage du pop-up.
• Couleur, Opacité : définissez la couleur de la superposition et son opacité de 0 à 1.

Modifier le texte

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

• Appliquez une mise en forme en gras, italique ou souligné.
• Ajoutez ou supprimez un lien.
• Définissez l’alignement à gauche, au centre ou à droite.
• Choisissez un style de texte : Icône, Surtitre, Titre 1–3, Corps ou Légende.

Modifier les boutons

Cliquez sur un bouton pour ouvrir sa barre d’outils :

• Choisissez le style du bouton : Principal ou Secondaire.
• Choisissez l’action du bouton :
  • Ouvrir un lien : saisissez l’URL cible.
  • Fermer le pop-up.
  • 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.

Conseil

Lorsqu’un bloc de texte, un bouton ou un formulaire d’abonnement est sélectionné, cliquez sur Ajouter dans sa barre d’outils et choisissez Texte, Bouton ou Formulaire d’abonnement pour insérer ce bloc en dessous. Utilisez les flèches haut et bas pour le déplacer sur la page, et l’icône de suppression pour le retirer. Le dernier élément restant d’une page ne peut pas être supprimé.

Lorsqu’une section du pop-up ne contient aucun élément, elle affiche les boutons + Texte, + Bouton et + Formulaire — cliquez sur l’un d’eux pour y ajouter ce type de bloc.

Ajouter un formulaire d’abonnement

Ajoutez un bloc Formulaire d’abonnement pour collecter les inscriptions par e-mail et d’autres champs directement dans le pop-up. En savoir plus sur les formulaires d’abonnement.

Ajouter le bloc

1. Sélectionnez un bloc de texte, un bouton ou un autre élément sur le canevas.
2. Cliquez sur Ajouter dans sa barre d’outils.
3. Choisissez Formulaire d’abonnement. Le bloc apparaît immédiatement avec un champ E-mail par défaut et un bouton S’abonner.

Choisir une source de formulaire

Cliquez sur le bloc du formulaire d’abonnement pour ouvrir la barre d’outils FORMULAIRE. Son premier menu déroulant 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, puis définissez ses Champs, son texte de Soumission et sa Confidentialité de la même manière que ci-dessous, et cliquez sur Créer.
Un formulaire existant dans le menu déroulant	Réutilisez 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 d’envoi et les messages de succès que vous définissez dans ce bloc remplacent ce que le 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

1. Définissez le Style du bouton d’envoi dans la barre d’outils FORMULAIRE :
   • Principal : bouton plein avec la couleur d’Accentuation du pop-up. Idéal lorsque S’abonner est l’action principale sur la page.
   • Secondaire : bouton avec contour, une bordure et une étiquette de 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 Confidentialité pour ajouter une ligne de consentement à la confidentialité sous le formulaire, puis saisissez l’URL de votre politique de confidentialité dans le champ qui apparaît.

3. Cliquez sur Champs… pour ouvrir une fenêtre contextuelle où vous pouvez conserver E-mail (toujours requis) et ajouter Prénom, Nom, Téléphone ou Personnalisé, et définir les textes de Succès et de Confirmation d’e-mail affichés après qu’un visiteur a soumis le formulaire.

Travailler avec plusieurs pages

Un pop-up web peut avoir plusieurs pages, par exemple pour guider les visiteurs à travers une offre courte en plusieurs étapes.

Ajouter une page

Cliquez sur + Ajouter une page pour ouvrir le menu d’ajout de page :

• Dupliquer la page actuelle : copie la page active, y compris toutes les modifications que vous avez apportées, en tant que nouvelle page.
• Choisissez l’une des mises en page d’une seule page pour ajouter une nouvelle page avec le contenu de démonstration de cette mise en page. La nouvelle page est indépendante des autres, elle peut donc utiliser une mise en page différente.

Note

Les exemples de mises en page multi-pages, comme Visite du produit (multi-pages), sont toujours fournis sous forme d’un ensemble complet de pages, ils ne sont donc disponibles que depuis la galerie de départ, pas depuis ce menu.

Chaque onglet est une page. Cliquez sur un onglet pour y accéder.

Définir la page de démarrage

L’onglet marqué d’une ★ est la page de démarrage, la page que les visiteurs voient en premier. Pour la changer, ouvrez un autre onglet et cliquez sur ☆ sur cet onglet.

Supprimer une page

Sur l’onglet actif, cliquez sur ✕. Une boîte de dialogue de confirmation s’ouvre. Cliquez sur Supprimer pour retirer la page. Cette action est irréversible.

Note

Les boutons avec une action Aller à la page pointant vers la page supprimée renvoient à la page de démarrage.

Enregistrer le contenu

Vérifiez le contenu, les images et les actions des boutons. Lorsque vous avez terminé, cliquez sur Enregistrer dans la barre supérieure.

Note

L’enregistrement du contenu n’affiche pas le pop-up web sur votre site. Le contenu n’apparaît sur le site qu’après l’avoir sélectionné dans une campagne de pop-ups web et avoir lancé la campagne.

Utiliser le contenu dans une campagne

Après l’enregistrement, le contenu apparaît dans Contenu → Contenu des pop-ups web. Ouvrez-le depuis la liste pour continuer à le modifier.

Pour l’afficher sur le site, allez dans Campagnes → Pop-ups web, créez ou modifiez une campagne, et choisissez ce contenu à l’étape Contenu.

Ensuite, configurez l’audience, les paramètres d’affichage, la fréquence et les options de lancement. Pour le processus complet, consultez Créer des campagnes de pop-ups web.