Comment ajouter des pop-ups
Les campagnes de marketing sont essentielles pour chaque boutique en ligne, car elles attirent l’attention des visiteurs et mettent en avant des offres spéciales, des promotions à durée limitée et des produits spécifiques. L’un des moyens les plus efficaces de les diffuser est d’utiliser des fenêtres pop-up qui s’affichent directement sur votre site web.
Dans ce guide, vous apprendrez comment ajouter des pop-ups dans votre boutique Ecommerce.
Qu’est-ce qu’un pop-up
Les pop-ups vous permettent d’afficher des messages ciblés au-dessus de votre vitrine. Leur objectif peut varier selon vos besoins. Voici quelques-uns des cas d’utilisation les plus courants pour les pop-ups :
- offres de bienvenue
- promotions
- inscriptions à la newsletter, etc.
Vous les créez visuellement dans le Website Builder, contrôlez précisément qui les voit et quand, et pouvez les activer ou désactiver à tout moment.
Comment ajouter des pop-ups
Dans le Website Builder, ouvrez la section Popups située dans le menu latéral gauche. Elle affiche tous les pop-ups de votre site. Chaque pop-up possède l’un des deux statuts suivants :
- Actif : publié et montré aux visiteurs sur votre site en direct (sous réserve de ses règles d’affichage).
- Inactif : un brouillon en cours. Les modifications apportées à un pop-up inactif ne sont pas mises en ligne ; la révision reste à l’état de brouillon jusqu’à ce que vous le définissiez comme Actif.
Cliquez sur le bouton + AJOUTER NOUVEAU en haut de la section.
Une nouvelle fenêtre apparaîtra, où vous pourrez sélectionner un modèle de pop-up ou créer une nouvelle mise en page à partir de zéro.
- Les modèles sont organisés dans les catégories Bienvenue, Offres, et S’abonner listées à gauche. Le premier modèle de la catégorie Bienvenue est affiché et sélectionné par défaut.
- Pour commencer à partir de zéro, utilisez + AJOUTER UNE FENÊTRE POPUP VIERGE en haut de la galerie.
- La sélection d’un modèle révèle un bouton Ajouter une fenêtre popup. Cliquer sur Ajouter une fenêtre popup crée le pop-up à partir du modèle choisi et ouvre ses Paramètres pour que vous puissiez le configurer immédiatement.
Comment modifier un pop-up
Survolez n’importe quel pop-up dans la liste Popups et choisissez l’icône Actions (trois points) à droite.
Les options du menu sont :
| Action | Ce qu’elle fait |
|---|---|
| Paramètres | Ouvre le panneau des Paramètres du pop-up. |
| Affichage activé | Accède directement aux règles d’affichage. |
| Activer | Ouvre une fenêtre de confirmation pour publier le pop-up. |
| Désactiver | Dépublie le pop-up et le remet en brouillon. |
| Dupliquer | Crée une copie exacte du pop-up sélectionnée, avec tous les paramètres préremplis. La copie est définie par défaut comme Brouillon. |
| Supprimer | Affiche une fenêtre de confirmation qui vous permet de supprimer le pop-up. |
Paramètres
Le panneau Paramètres contient deux onglets : Général (par défaut) et Affichage activé.
Général
| Champ | Options / comportement |
|---|---|
| Statut de la fenêtre pop-up | Inactif (défini par défaut) ou Actif. |
| Nom de la fenêtre pop-up | Requis. Pour un nouveau pop-up, le nom par défaut est automatiquement #(Nom de la catégorie) #(numéro) si vous avez choisi un modèle ou #Nouveau-Pop-up #(numéro) si vous avez créé un pop-up vierge. Vous pouvez changer le nom plus tard. |
| Afficher sur | Définit le type de visiteurs autorisés à voir le pop-up. Les options disponibles sont Tous les utilisateurs (par défaut), Uniquement les inscrits, ou Uniquement les invités. |
| Règle d’affichage | Définit le déclencheur du pop-up. Les options sont Délai, Défilement, ou Temps et Défilement (par défaut).
Si Temps et Défilement est sélectionné, il apparaîtra soit au défilement soit après le temps prédéfini, selon ce qui se produit en premier. |
| Délai | Disponible pour Délai ou Temps et Défilement : Après 5 secondes (par défaut), Après 10 secondes ou Après 30 secondes. |
| Défiler | Affiché pour Défilement ou Temps et Défilement : 25% vers le bas (par défaut), 50% vers le bas ou 75% vers le bas. |
| Afficher sur mobile | Définit si le pop-up s’affiche sur les appareils mobiles ou non. Activé par défaut. |
| Réapparaître après | Détermine la fréquence à laquelle le pop-up apparaît. Les options sont 1 jour, 7 jours, 14 jours, 30 jours (par défaut), Jamais. |
Affichage activé
L’onglet Affichage activé contrôle où sur votre site le pop-up apparaît.
Le contrôle principal est le bouton Afficher partout, qui est activé par défaut :
- Activé : le pop-up est affiché sur l’ensemble du site, y compris toutes les nouvelles pages, marques, produits ou catégories que vous ajoutez ultérieurement. Les quatre sélecteurs de catégories ci-dessous sont verrouillés ; toutes les sélections antérieures sont conservées en lecture seule.
- Désactivé : Vous permet de sélectionner où le pop-up apparaît. Vous pouvez choisir entre les catégories suivantes d’éléments de site web : Pages, Marques, Catégories, et Produits. Si une catégorie ne contient aucun élément, elle ne sera pas affichée dans ce menu.
Chaque catégorie comporte, à côté de son nom, une case à cocher principale qui fait office de Tout sélectionner : en la cochant, vous sélectionnez tous les éléments de cette catégorie (les éléments ajoutés ultérieurement seront automatiquement sélectionnés) ; en la décochant, vous les désélectionnez. Utilisez le champ de recherche pour trouver rapidement un élément spécifique.
Comment changer le statut du pop-up
Lorsque vous activez un pop-up (ou que vous la désactivez), le système vous demande toujours de confirmer au préalable, car son activation la rend visible publiquement :
Cliquez sur PUBLIER pour confirmer ou sur ANNULER pour laisser le statut inchangé.
Comment modifier le design des pop-ups
Cliquez sur le nom d’un pop-up dans la liste pour l’ouvrir dans l’éditeur visuel. Le pop-up ’affiche sur un canevas grisé, prête à être modifiée.
Les pop-ups sont basés sur une grille, et vous pouvez ajouter des composants à la grille. Les composants disponibles sont Texte, Image, Bouton, Vidéo, Formulaire de contact, Formes, Formulaire d’inscription, Code, et Article unique (de votre boutique).
Cliquez n’importe où sur le pop-up lui-même : son arrière-plan, et non sur l’un des composants à l’intérieur pour ouvrir le popover Modifier le pop-up. Il a deux onglets : Général et Design.
Général contrôle la grille de mise en page et la carte :
- Grille : Espace et Espace entre les lignes, chacun défini sur Aucun, S, M (par défaut), ou L.
- Carte : Marge intérieure et Rayon d’angle, chacun défini sur Aucun, S, M (par défaut), ou L.
Design contrôle l’apparence :
- Palette : choisissez l’une des palettes de couleurs prédéfinies.
- Arrière-plan : choisissez Couleur ou Image. Couleur affiche un sélecteur de couleurs plus une option de couleur de superposition. Image vous permet d’ajouter une image d’arrière-plan :
Une fois qu’une image est ajoutée, des commandes supplémentaires s’affichent : Taille de l’image (Original, Remplir, Ajuster), Position de l’image (En haut à gauche, En haut au centre, En haut à droite, À gauche, Au centre — par défaut, À droite, En bas à gauche, En bas au centre, En bas à droite), Attachement d’arrière-plan (Défilement, Fixe), et Superposition / Couleur de superposition.
Comment prévisualiser les pop-ups
Dans la prévisualisation du builder, un pop-up actif est affiché chaque fois que ses règles d’affichage sont respectées. La fréquence Réapparition après est annulée pendant la prévisualisation pour que le pop-up s’affiche à chaque fois, ce qui facilite la vérification de votre travail.
