Un pop-up est un formulaire qui apparaît sur votre site web lors de la navigation. Il apparaît en fonction de déclencheurs spécifiques, tels que le temps passé sur la page, la profondeur de défilement ou l'intention de sortie.
Les popups vous permettent de collecter des opt-ins par email, d'offrir des réductions et de déclencher des automatisations de bienvenue, vous aidant à développer votre liste et à engager de nouveaux visiteurs.
Processus de configuration
Pour créer un formulaire pop-up, accédez à Formulaires → Créer un formulaire → Style → Pop-up→ Choisissez le modèle. Une variété de modèles de formulaires pop-up est disponible dans la bibliothèque de formulaires pour répondre à vos besoins.
Une fois que vous choisissez un Modèle, vous serez dirigé vers le Constructeur de Formulaires, où vous pourrez ajuster et modifier davantage votre formulaire. Les principales fonctionnalités de Form Builder sont les Éléments (appelés également Blocs), Layouts, Comportement et Thème.
Vous pouvez annuler ou refaire des modifications illimitées en utilisant les boutons dans le coin supérieur droit du constructeur de formulaires. Cependant, recharger la page réinitialisera l'historique des annulations, et les modifications précédentes ne pourront plus être annulées.
Paramètres du thème
Paramètres de thème vous donnent un contrôle total sur l'apparence de votre formulaire, vous aidant à l'harmoniser parfaitement avec le design de votre site web.
Vous pouvez personnaliser :
Disposition du formulaire : Choisissez le type d'affichage (pop-up, intégré, etc.), définissez la largeur du formulaire, ajoutez une image de fond et positionnez le formulaire sur votre site web (par exemple, centré, coin gauche).
Styles de formulaire : Ajustez l'arrondi des coins et les propriétés des bordures, y compris la largeur, le style de ligne, la couleur et la couleur de superposition.
Boutons : Sélectionnez un style de bouton (Principal, Secondaire ou Tertiaire) et personnalisez chacun d'eux individuellement, en changeant la police, la couleur, la forme, et plus encore.
Champs : Définissez comment les champs du formulaire (par exemple, l'adresse e-mail) apparaissent en modifiant leur forme, couleur, police et style de bordure.
Bouton de fermeture : Choisissez d'afficher ou non un bouton de fermeture (X), et personnalisez la couleur et le style du bouton.
Que vous apportiez des ajustements visuels subtils ou des changements plus larges, les paramètres du thème offrent la flexibilité de créer une expérience cohérente, en accord avec la marque et conviviale.
Paramètres de comportement
Les paramètres de comportement vous aident à contrôler quand, où, et à qui votre formulaire apparaît, ainsi que les options clés d'audience et de planification.
Gestion de l'Audience
Avec les paramètres de gestion de l'audience, vous pouvez :
Attribuer des tags à tous les contacts qui soumettent le formulaire pour aider à la segmentation future. Vous pouvez utiliser un tag existant ou en créer un nouveau directement dans le créateur de formulaires. En savoir plus sur les tags de contact ici
Activez la double confirmation, qui ajoute une étape de confirmation après la soumission du formulaire, envoyant à l'abonné un email de suivi pour vérifier son abonnement. En savoir plus sur le double opt-in ici
Activer reCAPTCHA pour empêcher les inscriptions de bots en vérifiant que le formulaire a été soumis par une personne réelle. En savoir plus sur reCAPTCHA ici.
Planification
Les paramètres de planification vous aident à contrôler quand votre formulaire doit être actif en définissant :
Afficher toujours le formulaire – Le formulaire s'affichera en continu une fois activé, jusqu'à ce que vous le désactiviez manuellement.
Date de début – Le formulaire commencera à s'afficher automatiquement à la date sélectionnée. Idéal pour se préparer à l'avance pour une campagne.
Date de fin – Le formulaire cessera d'apparaître après cette date. Utile pour les offres post-vente ou à durée limitée.
Dates de début et de fin – Meilleur pour les promotions sensibles au temps qui doivent se dérouler dans une fenêtre spécifique.
Remarque : Les dates de début et de fin suivent le fuseau horaire défini dans votre Paramètres de la Boutique → Informations sur la Boutique.
Affichage
Les paramètres d'affichage vous aident à décider quand le formulaire doit apparaître en fonction du comportement de l'utilisateur :
Visites de page – définissez le nombre de pages que le visiteur doit consulter avant que le formulaire n'apparaisse.
Temps sur la page – définissez la durée (en secondes) que le visiteur doit passer sur votre page Web pour que le formulaire apparaisse.
Profondeur de défilement – définissez le pourcentage de la distance que le visiteur doit faire défiler sur la page pour que le formulaire apparaisse ;
Intention de sortie – définissez le formulaire comme intention de sortie si vous souhaitez que le formulaire apparaisse lorsque le visiteur est sur le point de quitter la page. Ce paramètre fonctionnera sur ordinateurs, tablettes et téléphones. Il est basé sur la vitesse de défilement, donc lorsque les utilisateurs font défiler rapidement la page, les formulaires avec l'intention de sortie activée s'afficheront.
Déclencheur personnalisé – définissez le formulaire pour qu'il apparaisse en réponse à des actions spécifiques sur votre site web. En savoir plus sur les déclencheurs personnalisés pour les formulaires pop-up
Remarque ! Vous pouvez utiliser toutes les options d'affichage à la fois, mais nous conseillons de garder cela simple. Toutes les règles sont connectées par la logique 'OU' ce qui signifie que si vous choisissez quelques options d'affichage, les utilisateurs doivent visiter un certain nombre de pages ou passer du temps sur la page, ou faire défiler % de la page pour voir le formulaire.
Ciblage
Les paramètres de ciblage vous permettent d'afficher le formulaire uniquement pour des groupes de clients spécifiques et/ou sur une URL spécifique de votre boutique, et/ou de ne pas afficher le formulaire sur une URL particulière.
Les options de ciblage des visiteurs incluent :
Tous les visiteurs. Montrez votre formulaire à tous ceux qui atterrissent sur votre site Web ;
Ne pas montrer aux contacts existants. Ciblez exclusivement les nouveaux visiteurs et les prospects potentiels, laissant vos abonnés existants intacts ;
Afficher aux contacts existants. Fournissez des offres et des mises à jour exclusives à vos abonnés fidèles ;
Cible par Segment Spécifique. Inclure ou exclure des segments spécifiques pour voir ou ne pas voir votre formulaire.
Lorsque quelqu'un visite votre boutique et interagit avec un formulaire d'inscription, Omnisend placera un cookie dans son navigateur pour se souvenir s'il s'est déjà inscrit. S'ils reviennent, le formulaire reconnaîtra le client (e) en fonction du cookie et ne montrera plus l'invite d'abonnement, empêchant ainsi les inscriptions en double.
Les options de ciblage des pages incluent :
Apparaît sur l'URL affiche le formulaire sur une page spécifique ou une page contenant un UTM spécifique ;
N'apparaît pas sur une URL empêche le formulaire de s'afficher sur une page spécifique ou une page avec un UTM spécifique ;
Apparaît sur les pages de produits en rupture de stock.
⚠️ Important : Assurez-vous que les URL que vous saisissez correspondent exactement à celles du navigateur. Certains navigateurs modifient les caractères spéciaux lors de la copie des URL, ce qui peut affecter la visibilité du formulaire.
Remarque : Le ciblage des pages et des visiteurs suit la logique "ET", ce qui signifie que toutes les conditions doivent être remplies pour que le formulaire apparaisse.
Les options de ciblage par emplacement incluent :
Afficher aux visiteurs dans les pays sélectionnés ;
Ne pas montrer aux visiteurs dans les pays sélectionnés.
Les options de ciblage UTM incluent :
Ajouter des balises UTM telles que
utm_id,utm_source,utm_medium,utm_name,utm_term, etutm_content. Le formulaire n'apparaîtra que lorsque les paramètres UTM sélectionnés sont inclus dans l'URL sur laquelle le visiteur arrive.
Visibilité
Les paramètres de visibilité définissent les appareils sur lesquels le formulaire doit être affiché. Vous pouvez choisir de l'afficher sur tous les appareils ou uniquement sur mobile ou bureau.
Fréquence
Les paramètres de fréquence déterminent à quelle fréquence un formulaire réapparaîtra pour un visiteur s'il ne s'abonne pas après son affichage. Vous pouvez définir le formulaire pour qu'il réapparaisse après les intervalles suivants :
Secondes
Minutes
Heures
Jours
Remarque : Si vous créez désactiver les paramètres de fréquence, le formulaire apparaîtra toujours aux visiteurs. Nous recommandons d'activer le paramètre Fréquence pour limiter l'apparition du formulaire et éviter de submerger vos visiteurs de la boutique.
Test A/B
Utilisez les tests A/B pour expérimenter différentes versions de votre formulaire. Cela vous permet de comparer les performances et d'optimiser pour des conversions plus élevées.
Mises en page
Choisissez parmi une variété de types de mise en page, puis glissez-déposez les dans votre formulaire. Une fois qu'une mise en page est ajoutée, vous pouvez commencer à placer des blocs de contenu directement dedans.
Éléments (Blocs)
Depuis la barre latérale gauche, vous pouvez glisser-déposer des blocs de contenu spécifiques dans la mise en page de votre formulaire.
Les blocs disponibles incluent : Champ Email, Champ numéro de téléphone, Texte, Bouton, Image, Consentement légal, Champ de saisie, Date, Liste déroulante, Ligne/Espace, Roue de la fortune, et plus encore, vous offrant tout ce dont vous avez besoin pour créer un pop-up à fort taux de conversion.
Champ Email
Faites glisser et déposez le bloc Champ Email n'importe où dans le formulaire. Vous pouvez:
Définissez un placeholder (par exemple, "Entrez votre email");
Rendre le champ obligatoire et personnaliser le message d'erreur (par défaut : "Ce champ est obligatoire");
Ajoutez une étiquette (par exemple, "Email" ou "Laissez votre email ici");
Personnalisez le message d'erreur d'email invalide (par défaut : "L'adresse e-mail doit contenir @ et un domaine valide").
Champ Numéro de Téléphone
Ajoutez un champ numéro de téléphone pour collecter des données mobiles. Vous pouvez:
Définir un placeholder et une étiquette;
Rendre le champ obligatoire et personnaliser les messages d'erreur (par défaut : "Ce champ est obligatoire" / "Doit être un numéro de téléphone valide");
Pré-remplir un pays par défaut, affiché sous forme de drapeau et de code pays.
Veuillez noter que le champ du numéro de téléphone nécessite qu'un bloc légal soit ajouté au formulaire (les États-Unis exigent TCPA, l'UE exige RGPD). De plus, vous pouvez ajuster le bloc légal en fonction des exigences de votre pays. Lisez plus loin pour en savoir plus sur le bloc légal.
Important : Un bloc légal est requis lors de la collecte de numéros de téléphone (par exemple, RGPD pour l'UE, TCPA pour les États-Unis). Vous pouvez ajuster le texte pour répondre à vos besoins de conformité. En savoir plus sur le bloc de Consentement légal
Texte
Utilisez le bloc de texte pour ajouter du contenu. Pour modifier le texte, cliquez sur le bloc et utilisez le panneau de droite pour ajuster la police, la taille, la hauteur de ligne et la couleur.
Bouton
Vous pouvez ajouter un bouton à l'un des éléments suivants :
Soumettre le formulaire ;
Lien vers une URL spécifique ;
Allez à l'étape suivante si vous avez un formulaire à étapes multiples ;
Fermez le formulaire.
Vous pouvez également ajuster le texte, le style et l'alignement du bouton, et modifier davantage les styles de bouton globaux dans Paramètres du thème.
Image
Vous pouvez ajouter des images JPG, PNG ou GIF (max 2000px). Vous pouvez également lier l'image à une URL, ajouter texte alternatif, et redimensionner votre image.
💡 Pour redimensionner l'image ajoutée, survolez le coin de l'image et redimensionnez-la comme vous le souhaitez.
Consentement légal
Le consentement légal est requis lors de la collecte de numéros de téléphone et recommandé pour la collecte d'Email, garantissant la conformité avec des réglementations telles que RGPD (UE) and (États-Unis)
Dans le Constructeur de formulaires, le texte légal est plus concis, mais vous pouvez le personnaliser complètement. Vous pouvez:
Ajuster le message légal pour communiquer à vos abonnés comment vous utiliserez leurs données (par exemple, à des fins de marketing);
Ajouter votre lien vers la politique de confidentialité (obligatoire);
Modifier le message d'erreur affiché lorsque la case n'est pas cochée;
Choisissez entre les modèles RGPD et TCPA en fonction de votre audience.
💡Pour modifier le texte de consentement, cliquez à l'intérieur du bloc et sélectionnez le texte.
Remarque : Les contacts doivent cocher la case légale avant de soumettre le formulaire. Pour la conformité, nous recommandons d'indiquer clairement comment les e-mails et les numéros de téléphone seront utilisés (par exemple, à des fins de marketing) dans votre politique de confidentialité.
Champ de saisie
Utilisez ce bloc pour collecter des données supplémentaires telles que prénom, nom de famille, adresse, ville, état, code postal, et propriété personnalisée. Vous pouvez:
Étiquetez le champ ;
Rendez-le obligatoire ;
Stylisez-le via Paramètres de thème → Champs.
Date
Ajoutez un champ de date pour collecter des anniversaires ou d'autres dates clés. Comme d'autres champs, vous pouvez l'étiqueter, le rendre obligatoire et personnaliser son style via Paramètres du thème → Champs.
💡 En savoir plus sur l'Automatisation des Anniversaires.
Liste déroulante
L'élément Dropdown peut être utilisé pour collecter des valeurs comme genre, pays, ou une propriété personnalisée. Vous pouvez:
Choisir la valeur que vous souhaitez collecter;
Gérer l'étiquette, le texte d'espace réservé et l'alignement;
Rendre le champ obligatoire et ajouter le message d'erreur requis.
Si vous sélectionnez le type Propriété personnalisée, vous pouvez soit sélectionner des propriétés personnalisées existantes, soit en créer une nouvelle en tapant simplement son nom. Vous pouvez également ajouter les choix dont vous avez besoin en cliquant sur Ajouter un choix. En savoir plus sur les propriétés personnalisées.
Les propriétés par défaut fournies avec Omnisend vous permettent de collecter des informations telles que l'Email, le Nom, le Numéro de téléphone, etc., tandis que les propriétés personnalisées vous permettent de collecter des informations qui ne sont pas incluses par défaut.
Ligne/Espace
Utilisez l'élément Ligne/Espace pour ajouter une séparation visuelle à votre formulaire. Vous pouvez passer d'une option à l'autre selon votre préférence.
Ligne vous permet de personnaliser la bordure, la largeur, le style, l'alignement et la couleur.
Espace vous permet d'ajuster la hauteur de l'espacement en pixels (jusqu'à 240 px).
Étape de formulaire supplémentaire
Vous pouvez ajouter une deuxième étape à votre formulaire pop-up pour créer une expérience en plusieurs étapes. C'est utile lorsque vous souhaitez diviser la collecte de données en sections plus petites, par exemple, collecter d'abord l'adresse e-mail, puis le numéro de téléphone ou d'autres détails.
Pour ajouter une autre étape, cliquez sur Ajouter une option → Étape suivante.
Messages de succès/abonnés
Message de confirmation
Après qu'un contact (e) soumette le formulaire, un message de confirmation est affiché. Vous pouvez le personnaliser complètement en passant à l'étape Succès depuis le menu inférieur dans le créateur de formulaires.
Dans cette vue, vous pouvez :
Modifier le texte ;
Ajouter des boutons, des images ou d'autres blocs ;
Personnaliser la mise en page pour correspondre à votre marque.
Des messages d'erreur par défaut apparaissent à côté de chaque champ de formulaire. Bien que nous fournissions des textes par défaut utiles (par exemple, "Ce champ est requis" pour la case à cocher légale), vous pouvez les personnaliser pour correspondre à votre ton. Vous pouvez également changer la couleur du texte d'erreur dans Paramètres de thème → Champs → Couleur d'erreur.
Message abonné
Utilisez le message Abonné pour informer vos clients s'ils sont déjà abonnés à la liste de contacts. Ce message sera affiché à tous les clients qui essaient de s'abonner en utilisant ce formulaire mais qui sont déjà présents dans votre Audience Omnisend.
💡 Vous pouvez également modifier le message ou ajouter des blocs (par exemple, un message de réduction ou de remerciement). Cela aide à établir des attentes claires et à récompenser les abonnés de retour.
Onglet d'accroche
Un Onglet d'accroche est un petit élément cliquable qui apparaît au bord de la page et ouvre votre formulaire contextuel lorsqu'il est cliqué, offrant un moyen fluide d'attirer l'attention des visiteurs. Vous pouvez ajouter un onglet d'accroche à n'importe quel pop-up manuellement ou utiliser un modèle activé pour les onglets d'accroche de la Bibliothèque de formulaires.
Les teasers suivent les mêmes paramètres de visibilité que votre pop-up, vous pouvez donc choisir de les afficher sur ordinateur, mobile ou les deux.
Remarque : Les teasers cessent d'apparaître pour les contacts une fois qu'ils s'abonnent.
Activation de votre formulaire
Une fois que votre formulaire est prêt à être mis en ligne, cliquez sur Activer pour publier votre formulaire. Vous pouvez également enregistrer vos progrès sans publier en cliquant sur Enregistrer et fermer pour le garder comme brouillon.
Foire aux questions
Pourquoi mon pop-up ne s'affiche-t-il pas sur mon site WooCommerce ?
Si vous utilisez le plugin Complianz, il peut bloquer les pop-ups d'Omnisend. Pour résoudre cela, allez dans les paramètres du plugin Complianz → onglet Intégrations → Désactiver l'intégration Omnisend. Votre pop-up apparaîtra maintenant tout en respectant le RGPD.
Comment puis-je avoir deux pop-ups différents pour mobile et bureau ?
Vous pouvez créer deux formulaires pop-up distincts. Concevez-en un optimisé pour mobile et un pour bureau. Ensuite, allez dans Paramètres de comportement → Visibilité et définissez un formulaire sur "Mobile uniquement" et l'autre sur "Bureau uniquement".
Mon pop-up s'affiche sur toutes les pages, mais je ne veux que sur la page d'accueil.
Si vous avez utilisé "contient" avec l'URL de votre page d'accueil (par exemple, "monsite.com"), le pop-up s'affiche sur toutes les pages car chaque page contient cette URL. Pour afficher le formulaire uniquement sur la page d'accueil, changez le ciblage en "est" avec l'URL exacte de votre page d'accueil.
Vous avez encore des questions ? N'hésitez pas à contacter notre équipe de support à [email protected] ou via le chat intégré à l'application.