Créer un pop-up promotionnel

Déclenchez l’affichage d’un formulaire d’inscription, proposez une réduction ou publiez une annonce que les visiteurs verront en chargeant votre site.

Dernière mise à jour le 29 janvier 2025

Vous pouvez créer une fenêtre pop-up qui s’affiche lorsque les visiteurs atterrissent sur votre site. Ce guide explique comment ajouter un pop-up promotionnel à votre site, ainsi que vos options pour choisir quand et où ces fenêtres pop-up apparaissent.

Les pop-ups promotionnels sont extrêmement pratiques pour :

  • Inviter les visiteurs à rejoindre votre liste de diffusion
  • Promouvoir une offre ou un code de réduction
  • Annoncer la mise en ligne de votre dernier article de blog ou la mise en vente d’un nouveau produit
  • Inviter les visiteurs à confirmer leur âge avant d’accéder à un contenu soumis à une restriction d’âge

Accéder à cette fonctionnalité

Les pop-ups promotionnels sont disponibles avec les forfaits Core, Plus, Avancé, Business, Commerce Basique et Commerce Avancé. Pour en savoir plus, consultez l’article Choisir le forfait Squarespace qu’il vous faut. Pour en créer un, vous devez utiliser un ordinateur. Il n’est pas possible d’ajouter des pop-ups promotionnels dans l’application Squarespace.

Regarder une vidéo

Ajouter un pop-up promotionnel

Pour ajouter un pop-up promotionnel :

  1. Ouvrez le panneau Pop-up promotionnel.
  2. Choisissez une disposition pour le pop-up promotionnel. 
  3. Personnalisez le texte, le timing et l’apparence à l’aide des paramètres Action, Contenu, Affichage et Timing, Image et Style. Consultez le tableau ci-dessous pour plus de détails.
  4. Activez l’option au regard de Afficher une fenêtre pop-up, puis cliquez sur Enregistrer

Pour tester votre fenêtre pop-up après l’avoir créée, rendez-vous sur votre site dans une fenêtre de navigation privée.

Paramètres des fenêtres pop-up

Cliquez sur le paramètre dans le panneau Pop-up promotionnel pour personnaliser la fenêtre pop-up. Utilisez ce tableau comme guide.

Paramètre Description
Afficher une fenêtre pop-up

Activez ou désactivez l’option au regard de Afficher une fenêtre pop-up pour activer ou désactiver la fenêtre pop-up, puis cliquez sur Enregistrer.

Une fenêtre pop-up désactivée conserve les mêmes paramètres jusqu’à ce que vous l’activiez à nouveau.

Changer le modèle

Choisissez la taille de la fenêtre pop-up et indiquez si elle doit couvrir la totalité ou une petite partie de la page. Vous pouvez uniquement ajouter des images aux templates qui les incluent. 

Survolez sur une disposition et cliquez sur Sélectionner pour prévisualiser, puis sur Enregistrer pour appliquer la disposition. Notez que des dispositions plus grandes peuvent affecter le SEO.

Action

Choisissez si la fenêtre pop-up invite les visiteurs à s’inscrire à une newsletter ou à cliquer sur un bouton.

Procédez comme suit pour appliquer les paramètres.

Contenu

Ajoutez du texte à la fenêtre pop-up. Cliquez sur les champs Titre et Corps pour ajouter du texte, puis cliquez sur Enregistrer.

Faites en sorte que ce texte soit court. Un texte trop long peut engendrer des problèmes d’affichage.

Affichage et Timing

Choisissez quand, où et à quelle fréquence la fenêtre pop-up s’affichera.

Suivez ces étapes pour appliquer les paramètres.

Image

Ajoutez une image à la fenêtre pop-up, si la disposition que vous avez choisie en prend une en charge. 

Procédez comme suit pour importer une image.

Style

Personnalisez la fenêtre pop-up en fonction de l’apparence de votre site. Cliquez sur une zone de la fenêtre pop-up pour afficher uniquement les ajustements de style disponibles pour cette zone et masquer les autres. Cliquez sur Tout afficher pour voir tous les ajustements disponibles. Le message post-envoi suit les ajustements de police et de couleur Corps.

Paramètres d’action

Utilisez les paramètres Action du panneau Pop-up promotionnel pour ajouter un appel à l’action pour vos visiteurs.

S’abonner à une newsletter

Pour inviter les visiteurs à s’abonner à votre liste de diffusion, choisissez S’inscrire à une newsletter.

button

Cliquez sur l’onglet Bouton pour modifier le texte qui s’affiche dans la fenêtre pop-up de la newsletter.

  • Texte de l’espace réservé dans le champ E-mail : texte qui apparaît dans le champ d’adresse e-mail. Le texte par défaut est Adresse e-mail.
  • Texte du bouton d’envoi : le texte du bouton sur lequel les visiteurs cliquent pour envoyer leur adresse e-mail. Le texte par défaut est Envoyer, mais vous pouvez le remplacer par S’abonner ou S’inscrire, par exemple.
  • Avertissement : texte qui apparaît sous le champ d’adresse e-mail.

Stockage

Pour recueillir les réponses des visiteurs, cliquez sur l’onglet Stockage pour connecter une option de stockage.

  • Cliquez sur Campagnes Squarespace ou sur Connecter d’autres services et sélectionnez Mailchimp ou Google Drive pour stocker vos envois.
  • Vous ne pouvez pas connecter les demandes d’inscription à la newsletter à un service de messagerie ou à un autre service tiers.

Vérification

Cliquez sur l’onglet Vérification pour consulter les options de vérification de l’abonné. L’option par défaut est Envoyer l’e-mail de confirmation, mais si vous activez Google reCAPTCHA, vous pouvez désactiver l’e-mail de confirmation. Au moins une méthode de vérification est requise pour les listes de diffusion des campagnes e-mail Squarespace.

Post-envoi

Cliquez sur l’onglet Post-envoi pour modifier le texte qui apparaît après l’inscription d’un visiteur à votre liste de diffusion.

  • Message Post-envoi : texte qui apparaît après qu’un visiteur a soumis un formulaire, sous le titre, le corps du texte et la clause de non-responsabilité. 
  • HTML post-envoi : si vous avez des connaissances en matière de codage, vous pouvez ajouter un code personnalisé à cette zone à afficher avec le message post-envoi sous le titre, le corps du texte et la clause de non-responsabilité. Le code HTML post-envoi ne remplace pas le message post-envoi.

Cliquer sur un bouton

Vous pouvez ajouter jusqu’à deux boutons qui redirigent vers d’autres pages de votre site, vers un fichier, vers un autre site ou vers tout autre élément que vous souhaitez faire découvrir aux visiteurs. 

  1. Dans les paramètres Action, choisissez Cliquez sur un bouton.
  2. Ajoutez l’intitulé du bouton dans le premier champ. Ce sera le texte de votre bouton.
  3. Ajoutez un lien au bouton du champ URL, ou cliquez sur “the pour plus d’options.
  4. Répétez ces étapes pour le second bouton. Si vous souhaitez afficher un seul bouton, laissez le second intitulé et le second champ URL vides.

Paramètres Affichage et Timing

Utilisez les paramètres de Affichage et Timing dans le panneau Pop-up promotionnel pour ajouter un appel à l’action pour vos visiteurs.

Sélectionner les pages où apparaîtra la fenêtre pop-up

Dans la section Pages, sélectionnez les pages sur lesquelles la fenêtre pop-up s’affiche. Pour afficher une fenêtre pop-up sur la première page consultée par les visiteurs, sélectionnez Première page dans le menu déroulant.

Sélectionnez Certaines pages uniquement pour limiter l’affichage de la fenêtre pop-up. Cette option est pratique pour masquer la fenêtre pop-up sur une page qui comporte déjà un formulaire newsletter ou pour l’afficher uniquement sur votre page d’accueil. La fenêtre pop-up apparaîtra sur la page que vous avez choisie, sur laquelle le visiteur arrive en premier. Après avoir sélectionné les pages, cliquez en dehors du menu des pages pour le fermer.

Important :

  • Vous ne pouvez pas avoir de fenêtre pop-up sur les pages d’un site réservé aux membres ou sur les sous-pages Index.
  • Si vous sélectionnez plusieurs pages, les règles que vous définissez ci-dessous s’appliqueront à ces pages.
  • Même si vous sélectionnez plusieurs pages pour la fenêtre pop-up, celle-ci n’apparaîtra que sur la page choisie comme étant la première visitée. 

Sélectionner le moment d’affichage de la fenêtre pop-up (en cas de défilement ou sur minutage)

Sélectionnez si la fenêtre pop-up doit apparaître sur une minuterie et/ou faites défiler la page dans la section Timing. Après avoir réalisé votre sélection, utilisez les autres menus déroulants pour définir le timing, le pourcentage de défilement ou les deux.

Si vous configurez un minutage et une position de défilement, la fenêtre pop-up s’affiche dès que la première action se produit. Par exemple, si vous avez réglé le minutage sur Au bout de 10 secondes et le pourcentage de défilement sur 25 % plus bas, la fenêtre pop-up peut s’afficher dans deux situations :

  • Le visiteur arrive sur votre page et fait immédiatement défiler vers le bas de 25 %.
  • Le visiteur arrive sur la page et ne la fait pas défiler, mais il y reste pendant 10 secondes.

Si votre visiteur arrive sur une page protégée par un mot de passe, votre fenêtre pop-up suivra les règles de minutage et d’affichage une fois le mot de passe saisi.

Choisissez la fréquence

Pour définir la fréquence à laquelle les visiteurs réguliers voient votre fenêtre pop-up, accédez au menu déroulant Fréquence. S’ils l’ont vue une fois, vous pouvez choisir qu’ils la voient à nouveau lors de leur visite suivante. Si vous souhaitez leur proposer une expérience plus fluide, vous pouvez l’afficher à nouveau au bout d’un certain temps ou même la masquer pour les visiteurs réguliers.

Vous avez le choix parmi les options de fréquence suivantes :

  • Le lendemain, les visiteurs de retour voient à nouveau la fenêtre pop-up 24 heures plus tard
  • Dans 1 semaine
  • Dans 2 semaines
  • Dans 30 jours
  • Jamais - les visiteurs qui reviennent ne reverront jamais la fenêtre pop-up

Nous utilisons des cookies pour identifier les nouveaux visiteurs et les visiteurs réguliers. Si notre cookie reste dans leur navigateur, votre site les considérera comme des visiteurs réguliers. Si les visiteurs vident leur cache ou qu’ils consultent votre site sur un autre navigateur, ils seront considérés comme de nouveaux visiteurs.

Ne plus afficher la fenêtre pop-up après l’inscription à la newsletter

Si vous utilisez une fenêtre pop-up pour inviter les visiteurs à s’inscrire à votre newsletter, vous pouvez masquer la fenêtre pour les visiteurs qui se sont déjà inscrits. Pour cela, cochez Ne plus afficher après inscription à la newsletter.

Astuce

seules les inscriptions provenant de la fenêtre pop-up sont concernées par cette règle. Si quelqu’un s’inscrit à partir d’une autre zone de votre site, comme un bloc Newsletter ou lors d’un paiement, la fenêtre pop-up peut toujours apparaître.

Afficher ou masquer la fenêtre pop-up sur les appareils mobiles

Pour montrer votre fenêtre pop-up aux visiteurs utilisant un appareil mobile, cochez Afficher sur mobile.

Pour optimiser l’affichage, l’apparence de la fenêtre pop-up sera différente sur les appareils mobiles. Pour la personnaliser, utilisez les ajustements de style dans la section Mobile du panneau Style. Vous pouvez tester l’affichage grâce à la Vue par appareil.

Réinitialiser les vues

Pour que tous les visiteurs voient s’afficher la fenêtre pop-up lors de leur prochaine visite (même si vos paramètres l’empêcheraient normalement), cliquez sur le bouton Réinitialiser.

Cette opération est utile si vous avez modifié la fenêtre pop-up et que vous souhaitez que les visiteurs réguliers voient le nouveau design lors de leur prochaine visite. Dès que vos visiteurs ont vu le nouveau contenu une fois, la fenêtre pop-up reviendra à la règle de fréquence définie.

Paramètres de l’image

Dans Paramètres de l’image, cliquez sur la zone de chargement d’image, puis sur Charger une image. Vous pouvez également réutiliser une image que vous avez déjà ajoutée à votre site ou utiliser une image d’archive. Si vous préférez utiliser une couleur d’arrière-plan unie au lieu d’une image, laissez le panneau Image vide et sélectionnez une couleur d’arrière-plan dans le panneau Style.

Important :

  • Seuls les fichiers .jpg, .png et .gif sont pris en charge.
  • Assurez-vous de formater correctement vos images avant de les charger.
  • Consultez les bonnes pratiques liées aux images d’archive si vous les utilisez.
  • Un diaporama est créé lorsque plusieurs images sont chargées. Il n’est pas possible d’ajouter des commandes de navigation ou de définir la vitesse de transition dans un diaporama.
  • Pour plus de possibilités concernant le dimensionnement de l’image, accédez au panneau Style et activez les ajustements Disposition avancée de la superposition sous Design superposé.

Exemples de fenêtres pop-up

Cliquez sur les onglets pour consulter les paramètres possibles pour les pop-ups promotionnels courants. Vous pouvez utiliser n’importe quel template et paramètre de style pour créer ces fenêtres pop-up, mais seuls les templates contenant des images peuvent prendre en charge les images. 

sale promotional popup.png
Paramètre Exemple 
Action button
Texte des boutons « Voir les promotions »
Lien du bouton La catégorie Promotions
Contenu

Texte du titre :« 10 % de réduction sur tous les maillots de bain »

Corps du texte : « Pour les commandes de plus de 50 $ »

Affichage et Timing

Afficher la fenêtre pop-up : Première page

Timing : Affichage sur la minuterie au bout de 5 secondes

Fréquence : Le lendemain

 

age restriction promotional popup.png
Paramètre Exemple
Action button
Texte des boutons « Oui »
Lien du bouton Votre page d’accueil
Contenu

Texte du titre : « Vous devez avoir plus de 21 ans pour visiter ce site »

Corps du texte : « Avez-vous plus de 21 ans ? »

Affichage et Timing

Afficher la fenêtre pop-up : Première page

Timing : Affichage sur une minuterie et faire défiler la page, après 5 secondes et 25 % de réduction

Fréquence : Le lendemain

 

newsletter promotional popup.png
Paramètre Exemple
Action

S'inscrire à une newsletter

Texte réservé au champ E-mail : « Adresse e-mail »

Libellé du bouton d’envoi :« S’inscrire »

Contenu

Texte du titre : « 10 % de réduction »

Corps du texte : « Inscrivez-vous pour bénéficier de 10 % de réduction sur votre premier achat de 50 $ ou plus »

Stockage Campagnes e-mail Squarespace
Post-envoi « Merci ! »
Affichage et Timing

Afficher la fenêtre pop-up : Première page

Timing : Affichage par défilement, à 25 %

Fréquence : Le lendemain

 

Suivez l’engagement vis-à-vis des pop-ups promotionnels

Consultez le panneau Conversion par formulaire et par bouton pour découvrir comment les visiteurs interagissent avec vos pop-ups promotionnels. Vous pouvez suivre votre taux de conversion, qui compare le nombre de vues enregistrées par une fenêtre pop-up au nombre d’envois ou de clics reçus.

Pop-ups promotionnels sur les appareils mobiles

Les pop-ups promotionnels ne s’affichent pas de la même manière sur les appareils mobiles et sur les ordinateurs :

  • La fenêtre pop-up occupe la moitié de l’écran
  • Les images ne s’affichent pas
  • Avec les dispositions où le texte est centré lorsqu’il est affiché sur un ordinateur, le texte est toujours aligné à gauche sur les appareils mobiles afin que l’icône X soit visible

Vous pouvez définir des styles spécifiques pour mobile dans le panneau Style ou désactiver les fenêtres pop-up mobiles dans le panneau Affichage et timing.

Fenêtres pop-up et SEO

L’utilisation de pop-ups promotionnels peut avoir un impact négatif sur le classement de votre site dans les moteurs de recherche. Si vous accordez une attention toute particulière au SEO, nous vous recommandons de choisir une disposition de fenêtre pop-up qui ne couvre que partiellement l’écran d’ordinateur.

Il est particulièrement important de vérifier que les fenêtres pop-up ne limitent pas l’accès à votre contenu web sur mobile. Dans le cas contraire, Google pourrait moins bien classer votre site dans les résultats de recherche mobile. Pour éviter ce problème, tous les pop-ups promotionnels n’occupent que la moitié de la page sur les appareils mobiles. Vous pouvez également désactiver les fenêtres pop-up sur les mobiles.

Remarque

la stratégie de SEO ne fait pas partie des domaines de compétence de l’assistance Squarespace. Nous offrons des fonctionnalités pensées pour le SEO et une liste de contrôle SEO complète afin d’optimiser votre site pour les moteurs de recherche et les visiteurs, mais nous ne sommes pas en mesure de fournir des conseils spécifiques concernant le classement de votre site.

Dépannage

La fenêtre pop-up ne cesse de réapparaître après avoir été ignorée

Si vos visiteurs voient la fenêtre pop-up réapparaître au cours de la même session de navigation, il est possible qu’ils visitent votre site dans une fenêtre privée. Les fenêtres privées ne reconnaissent pas les visites individuelles, ce qui veut dire que la fenêtre pop-up suivra les règles de minutage et de fréquence définies chaque fois que les visiteurs actualisent ou visitent une nouvelle page de votre site.

La fenêtre pop-up affiche une barre de défilement 

Un texte trop long ajoute une barre de défilement et peut engendrer des problèmes d’affichage sur mobile. Limitez le titre à une phrase et le corps à trois.

La fenêtre pop-up se charge lentement

Si vous chargez trop d’images haute résolution, le temps de chargement de votre fenêtre pop-up peut en être affecté.

Restrictions

  • Vous ne pouvez activer qu’une seule fenêtre pop-up à la fois. Pour afficher un autre message sur votre site, ajoutez une barre d’annonce.
  • Les fenêtres pop-up ne prennent pas en charge le code personnalisé.
  • Les pop-ups promotionnels ne s’affichent que lorsqu’un visiteur arrive sur une page. Il n’est pas possible de configurer une fenêtre pop-up qui s’afficherait lorsque le visiteur quitte votre site.
  • Vous ne pouvez pas charger de fichier vidéo sur une fenêtre pop-up. Pour créer un effet vidéo, nous vous recommandons d’utiliser un .gif animé.
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.