Comment ajouter un pop-up à une landing page
Ajouter des popups à votre landing page peut inciter les clients à entreprendre des actions spécifiques. Les popups peuvent inclure des formulaires d’inscription ou être utilisés pour promouvoir des ventes et des événements. Les popups peuvent être déclenchés par certaines actions ou affichés avec un délai que vous pouvez définir.
Ajouter un pop-up
- Dans l’éditeur de landing page, cliquez sur le bouton Ajouter des éléments.
- Faites glisser et déposez l’élément Pop-up sur votre landing page.
- Ajoutez des éléments dans le popup en les faisant glisser depuis la barre d’outils à droite. Vous pouvez ajouter plusieurs éléments, tels qu’un formulaire d’inscription (utilisez l’élément Formulaire et sélectionnez le type Inscription), une image ou une zone de texte.
Paramètres du pop-up
Lorsque le pop-up est ouvert dans l’éditeur, cliquez sur l’étiquette bleue “Pop-up” dans le coin supérieur gauche du cadre du pop-up pour ouvrir ses paramètres.
Vous pouvez configurer/spécifier les éléments suivants :
- Nom – pour différencier facilement plusieurs pop-ups lors de la gestion des éléments.
- Taille – sélectionnez parmi 5 tailles prédéfinies ou définissez une taille personnalisée. Les valeurs de taille personnalisée correspondent au pourcentage de la taille de la page que le pop-up occupera lorsqu’il sera affiché.
- Position – choisissez où afficher le pop-up sur votre landing page. Sélectionnez parmi neuf positions prédéfinies.
- Afficher – choisissez ce qui doit déclencher le pop-up, quand, et à quelle fréquence.
- Paramètres du bloc – le bloc de pop-up est un espace de travail encadré avec l’étiquette “Pop-up” à gauche. Vous ne pouvez voir le cadre bleu qu’après avoir cliqué sur l’objet. Il ne sera pas visible sur votre landing page. Vous pouvez personnaliser sa couleur, sa marge, sa bordure, son rayon, son ombre et son superposition. Le paramètre d’superposition affectera l’apparence du reste de votre landing page lorsque le pop-up est affiché.
- Masquer sur les appareils mobiles – pour masquer votre pop-up lorsque votre page est ouverte sur un appareil mobile. Vous pouvez utiliser cette option pour simplifier votre page pour les utilisateurs mobiles.
Remarque : Les pop-ups définis sur “À la sortie” dans les paramètres d’affichage ne s’afficheront pas sur les appareils mobiles, car il est impossible de suivre le comportement des visiteurs sur ces appareils. Il est donc recommandé d’activer l’option Masquer sur les appareils mobiles pour les pop-ups “À la sortie”.
Modifier, dupliquer ou supprimer des pop-ups enregistrés précédemment
Tous les pop-ups créés pour votre landing page sont affichés dans l’élément Gérer les pages, sous toutes les pages.
Trouvez les options Modifier, Dupliquer et Supprimer sous les trois points verticaux à droite, à côté du pop-up.
Étapes pour anciennes landing pages
Utilisez les formulaires pour diriger l’attention des visiteurs vers vos appels à l’action. Offrez aux personnes qui souhaitent quitter une autre occasion de s’inscrire. Voici les formulaires que vous pouvez utiliser :
- un formulaire d’inscription,
- un pop-up de sortie,
- un pop-up de téléchargement,
- une barre fixe,
- un formulaire image,
- un formulaire défilant.
En savoir plus sur les types de formulaires et quand les utiliser
Vous pouvez personnaliser le design en cliquant sur n’importe quelle section du formulaire pour modifier le texte, le style et le bouton. Ou, réalisez un test A/B pour voir quel design convertit le mieux en ajoutant différents types de formulaires ou de designs aux variantes de la page.
Remarque : Les formulaires vous permettent de collecter uniquement le nom et l’adresse e-mail des visiteurs. Il n’est pas possible d’ajouter des champs personnalisés ou de marquer l’un d’eux comme obligatoire. De plus, gardez à l’esprit que les formulaires ne fonctionnent pas sur les pages de remerciement et ne sont pas adaptés aux mobiles.
Ajouter des formulaires pop-up à une landing page
Vous ajoutez des formulaires pop-up dans l’éditeur de landing page. Après avoir sélectionné un formulaire, un espace réservé est ajouté au modèle que vous êtes en train de modifier.
Vous pouvez le déplacer, mais nous vous recommandons d’ajouter l’espace réservé et de modifier le formulaire en dernier lors de l’édition de la page.
1.Dans l’éditeur de landing page, survolez l’icône des formulaires.
2. Dans le menu des formulaires, double-cliquez sur l’icône des formulaires pop-up pour afficher les formulaires disponibles.
3. Dans une fenêtre modale pop-up, cliquez sur l’icône du type de formulaire que vous souhaitez utiliser.
Les outils d’édition s’ouvriront après avoir sélectionné le type de formulaire que vous souhaitez utiliser.
4. Personnalisez le formulaire. Cliquez sur le texte et le bouton pour afficher la barre d’outils d’édition. Double-cliquez sur le texte pour le modifier.
Modifiez les paramètres d’affichage.
Pour un formulaire d’inscription, un pop-up de sortie, un pop-up de téléchargement et des formulaires image, vous spécifiez les éléments suivants :
- arrière-plan : s’il doit être transparent, sombre ou clair,
- délai : combien de temps avant que le formulaire n’apparaisse,
- effet : comment le formulaire doit apparaître aux visiteurs,
- afficher à nouveau : à quelle fréquence il doit apparaître pour un visiteur.
- emplacement du fichier (uniquement pour la boîte de téléchargement) : l’URL du fichier que les nouveaux abonnés peuvent télécharger.
- image (uniquement pour la boîte d’image) : double-cliquez sur l’image par défaut et cliquez sur l’icône de l’image pour ouvrir Fichiers et images. Ensuite, sélectionnez l’image que vous souhaitez utiliser.
Pour un formulaire défilant et une barre fixe, sélectionnez les éléments suivants :
- position : où le formulaire doit apparaître,
- effet : comment le formulaire doit apparaître.
6. Pour rendre votre formulaire conforme au RGPD ou à d’autres accords de traitement des données, activez l’interrupteur des champs de consentement. Les champs de consentement que vous avez créés dans votre compte deviendront disponibles. Ensuite, sélectionnez les champs que vous souhaitez ajouter au formulaire. Si vous voulez rendre l’un des champs obligatoire, activez l’interrupteur “Obligatoire”. Tous les inscrits pourront donner leur consentement à vos politiques de marketing ou de traitement des données avant d’être ajoutés à votre liste de contacts.
7. Cliquez sur Enregistrer.
8. (Optionnel) Pour réaliser un test A/B afin de voir quel formulaire convertit le mieux, répétez les étapes 2 à 6 pour chaque variante de landing page.
Vous pouvez prévisualiser le formulaire avant de sauvegarder et publier la landing page. Ainsi, vous pouvez vérifier si vous êtes satisfait de l’apparence du formulaire sur la page. Pour ce faire, cliquez sur le bouton Aperçu dans la barre d’outils supérieure de l’éditeur de landing page.
Si vous décidez de modifier ou de supprimer le formulaire :
- Pour modifier le formulaire, double-cliquez sur l’espace réservé pour ouvrir les outils d’édition. Si vous souhaitez utiliser un autre formulaire, cliquez sur le lien Choisir un formulaire différent.
- Pour supprimer le formulaire, cliquez sur l’espace réservé puis cliquez sur l’icône de la corbeille.
Visualisation des statistiques d’abonnement pour les formulaires pop-up sur les landing pages
Les contacts qui s’abonnent via des formulaires pop-up apparaissent comme abonnés via la landing page à laquelle le formulaire a été ajouté.
- Pour afficher les statistiques d’abonnement par méthode pour une liste ou des listes, allez dans Contacts > Statistiques et localisez Landing page. En savoir plus sur les statistiques d’abonnement.
- Pour rechercher des contacts qui se sont abonnés via une landing page, ou pour vérifier quelle landing page convertit le mieux, utilisez la recherche avancée. Voici comment procéder.
Remarque : Dans l’automatisation du marketing, la méthode d’abonnement Landing page dans la condition S’abonner via inclura également les contacts qui s’inscrivent via des formulaires pop-up ajoutés à une landing page.