Une campagne pop-up comporte deux parties : le pop-up lui-même et un teaser facultatif. Le teaser est une petite bannière sur votre site, comme « Tournez la roue et gagnez 🎁 », qui ouvre le pop-up quand on clique dessus.
Type et position du pop-up
Ouvrez Emplacement sous Mise en page dans l’éditeur :
- Type : un pop-up standard, une barre en haut ou en bas de l’écran, un slider dans un coin, ou une pleine page. La barre, le slider et la pleine page font partie des forfaits supérieurs.
- Alignement : l’endroit où se place le pop-up. Les barres peuvent être en haut ou en bas, les sliders à gauche ou à droite, et les pop-ups standard n’importe où sur une grille de 3 × 3.
La première fois que vous ouvrez un nouveau pop-up, Scratcher vous demande le domaine sur lequel il sera affiché. Vous pouvez le modifier plus tard sous Domaine.
Mettre en forme le pop-up
Cliquez sur Paramètres du pop-up au-dessus de la page, ou cliquez sur le bord du pop-up. Dans l’onglet Styles :
- Pop-up : Arrière-plan, Fond d’arrière-plan (le voile assombri derrière le pop-up), Bordure, Taille, Forme, Alignement du contenu et Marge extérieure.
- Bouton de fermeture : son Arrière-plan, la couleur de l’Icône, la Taille, le coin (Alignement) et la Marge extérieure.
Dans l’onglet Effets, choisissez comment le pop-up s’ouvre et se ferme, par exemple Fondu ou Glisser.
Options du pop-up :
- Masquer le teaser à la fermeture : masque aussi le teaser quand quelqu’un ferme le pop-up.
- Masquer après l’envoi du formulaire : ne montre plus le pop-up aux visiteurs qui s’y sont déjà inscrits.
Le teaser
Sous Parcours, la ligne Teaser vous permet d’activer ou de désactiver le teaser. Cliquez sur Paramètres dans son menu pour le configurer :
- Action : Afficher le pop-up, Lien ou Aucun.
- Masquer sur ordinateur, Masquer sur tablette, Masquer sur mobile.
- Styles : l’Arrière-plan, la Bordure, la Taille, la Forme, le coin (Alignement) et la Marge extérieure du teaser, ainsi que son propre bouton de fermeture.
Le teaser s’affiche dès le chargement de la page ; les déclencheurs de Affichage ne s’appliquent qu’au pop-up. Concevez le teaser comme une page, et enregistrez-le avec Enregistrer le teaser comme modèle pour le réutiliser.
Image d’arrière-plan dans les pop-ups
Les pop-ups disposent d’un élément Arrière-plan de l’image qui remplit un côté du pop-up avec une image. Réglez sa Hauteur sur mobile pour contrôler la place qu’il prend sur l’écran des téléphones.
Ouvrir un pop-up depuis votre propre bouton
Avec l’option de déclenchement Déclencheur au clic, le pop-up s’ouvre quand quelqu’un clique sur un élément de votre site web. Saisissez le sélecteur CSS de l’élément, par exemple .open-competition. Demandez à votre développeur web si vous avez un doute.