Toutes les collections
Pop ups
Options avancées pour pop-ups
Options avancées pour pop-ups

Options mobile et desktop pour pop-ups

Dan Macarie avatar
Écrit par Dan Macarie
Mis à jour il y a plus d’une semaine

Vue générale de tous les paramétrages possibles incluant les opportunités avancées de design.

Nommer et désactiver

Un menu au top de l’écran qui vous permet de renommer et activer la pop-up en cliquant sur l’interrupteur.

Nosto supporte la vérification de l’adresse email que vous collectez en utilisant l’outil pop-up via l’envoi d’un email de vérification aux visiteurs, cela inclut un lien de vérification sur lequel cliquer. Tous les emails vérifiés ont un statut “Verified: True” quand une liste d’emails est exportée, impliquant donc qu’un destinataire a cliqué et vérifié sa souscription tandis que la valeur “False” elle implique qu’un client a reçu un email mais n’a pas vérifié sa souscription.

Dans le cas où vous activez cette vérification d’email, utilisez l’outil d’édition pour configurer et personnaliser l’email. L’email est envoyé en tant que simple texte avec les informations suivantes:

  • De (nom): Nom de l’expéditeur dans la prévisualisation de l’email (le nom de votre boutique)

  • De (adresse email): Adresse email de l’expéditeur. La vérification de cet email est requise

  • Sujet: Sujet de l’email

  • Contenu de l’email: Message personnalisé à configurer

  • Lien de confirmation: Lien sous forme de texte pour confirmer la souscription

  • Page de destination: La page où le client est envoyé après avoir cliqué sur le lien de confirmation. Par défaut cela est la page d’accueil de votre boutique, mais vous pouvez envoyez vos clients sur une page de confirmation de souscription ou une autre page de destination où ils peuvent confirmer leur souscription

Coupons codes / Codes de réduction

Cette association n’ajoute pas d’option supplémentaire et contrôle simplement le fait de montrer ou non un code de réduction. Ces codes peuvent être multi-usage où personnalisés/á usage unique.

LES PARAMÈTRES VISUELS

Les outils de copie

Ces outils n’ajoutent pas d’options supplémentaires mais vous permettent une édition rapide de la pop-up.

La sous-section des paramètres visuels

Cette sous-section contient des outils d’édition comportant plus d’options que le menu de base, comme par exemple cacher ou non le ribbon, ajouter une image de fond, ...

HTML/Css

Les utilisateurs avancés avec des développeurs et designers maison ou des partenaires gérant le développement de leur boutique peuvent customiser le design de la pop-up sous cette section. En utilisant l’éditeur HTML/CSS cela vous donne un contrôle total sur les aspects visuels de votre pop-up.

Malheureusement, Nosto n’est pas une agence de communication et ne fourni pas un service de design. Il vous faudra donc consulter vos designers front-end afin de retoucher le design pour vous si les outils à votre portée ne sont pas suffisant pour atteindre vos objectifs.

Prenez note des champs de commentaires au sein de la template. Ne supprimer aucune classe ni IDs même si vous désirez retoucher le design de la pop-up. Ces classes et IDs sont nécessaires au bon fonctionnement de la pop-up.

Durée

Les options de durée vous permettent d’activer et désactiver la pop-up pour une période de temps donnée ou sans limite de temps.

Paramètres d’apparences

Cette section vous permet de modifier l’apparence de la pop-up

  • Durée du fondu: Définit l’effet de fondu quand la pop-up apparaît sur la page. L’effet de fondu peut être ajouté en millisecondes (max. 10 000).

  • Opacité de la page de fond: Ajuste l’opacité de la page de fond autour de la pop up. Par défaut cette opacité est de 80%

Paramètres avancés:

Les paramètres avancés sont un ensemble de conditions vous permettant de cacher ou révéler la pop-up en fonction de certains comportements de navigation bien spécifiques. Vous pourriez, par exemple, vouloir révéler une pop-up aux nouveau visiteurs si et seulement si visitent un certain type de page ou seulement quand ils visitent des produits d’une marque choisie.

Plusieurs règles peuvent être définies dans cette section. Il vous suffit d’en sélectionner et de cliquer sur ajouter. Une fois créée, chaque règle est modifiable en créant sur le stylo d’édition, 

Parmi ces paramètres avancés deux sont définis par défaut.

  1. Le support sur lequel vous voulez que la pop-up apparaisse:

Montrer sur tous les supports:  vous permet de faire apparaître votre pop-up à la fois sur mobile, desktop et tablette

Montrer sur l’appareil mobile: vous permet de faire apparaître votre pop up seulement sur mobile

Montrer sur le desktop & tablette: vous permet de faire apparaître votre pop up seulement sur ces 2 supports.

2. Les effets de déclenchement ou triggering effects

Retarder en fonction du temps: vous permets de paramétrer combien de temps après que la page ait chargée la pop-up doit apparaître. Cela se gère en millisecondes pour un maximum de 60 000.

Retarder en fonction du scroll: permet de déclencher l’apparition de la pop-up en fonction d’un certain nombre de pixels parcourus sur la page, pour un maximum de 10 000 pixels

NOTE: Pour les pop-ups de suivi des paniers abandonnés ainsi que celle pour convertir vos visiteurs sortants un troisième paramètre est présent.

3. Les paramètres de sensibilité

Cela vous permet de définir la sensibilité d’apparition de la pop up par rapport à la tentative de sortie de votre visiteur, autrement dit, après que le curseur quitte la fenêtre de navigation.

Une sensibilité dite élevée déclenche la pop up en 80 millisecondes.

Une sensibilité dite moyenne déclenche la pop up en 2 secondes.

Une sensibilité dite basse déclenche la pop up en 5 secondes

Les autres paramètres avancés n’étant pas définis par défaut sont 

Catégories: vous permettant de déclencher ou cacher une pop up pour une(des) pages catégorie spécifiques ou un(des) produit(s) inclu(s) dans cette(ces) catégorie(s). Une pop-up pourra cependant apparaître sur ces 2 types de page, dépendamment de celle vue la première.

URLs: montrant ou cachant une pop-up pour une(des) URL(s) spécifique(s) du site

Tags: montrant ou cachant la pop-up sur des pages produits quand les produits vus possèdent les tags spécifiés

Marques: montre ou cache la pop-up des pages produits si les produits vus appartiennent aux marques spécifiées

Panier: montre ou cache la pop-up quand la valeur du panier est incluse dans une certaine fourchette de prix ou quand le nombre de produits dans le panier fait partie de fourchette indiquée. Il est possible de n’inclure qu’une valeur minimale ou maximale pour chacun des 2 attributs, et bien sûr de combiner les 2.

Pages consultées: vous permet de configurer un nombre de pages vues pour déclencher la pop-up. Ce nombre peut être un maximum, un maximum ou une inclusion et en une seule et même session.

Géolocalisation: montre ou cache la pop-up pour des visiteurs en fonction d’une zone géographique. Il est possible d’inclure tout un pays et d’en exclure une région/un département.

Type de page: montre ou cache la pop-up aux visiteurs visitant un type de page. Les types de pages supportés sont

  • Page d’accueil

  • Page catégorie

  • Page produit

  • Page panier

  • Page de confirmation de commande

  • Page 404

  • Page de recherche

NOTE: Afin d’utiliser le type de page dans les paramètres avancés, veillez à ce que celui-ci soit tagué correctement.

Combinaison de différentes règles avancées

Il est tout à fait possible de combiner plusieurs paramètres avancés dans le cas ou vous désirez affiner au maximum votre audience cible à la niche la plus petite. Vous pouvez ajouter de nouvelles règles en cliquant seulement sur le bouton ajouter et les configurer en cliquant sur le stylo d’édition. Dans l’exemple ci-dessous la pop-up apparaîtrait seulement:

  • Pour des visiteurs venant de Finlande, mais hors Laponie (géolocalisation)

  • Si la valeur du panier est au dessus de 250€ et qu’il y a un minimum de 2 articles dans le panier (valeur du panier)

  • Et si seulement le visiteur est sur la page panier (type de page)

Outils de développeurs

La commande suivante forcera la pop up quand utiliser dans la console de navigation

nostojs(function(api){api.internal.overlay.discountPopup.preview()})

Une pop-up peut être désactivée par paramétrer les cookies avec la valeur suivante.

{"popup_campaign_id": {"state":"closed","coupon":null}}

Là où popup_campaign_id se situe il vous faut remplacer par l’URL encodée de la pop-up. Cette option est très utile si les pop-ups sont exposé pour être testée comme l’outil de test nécessite la suppression des cookies afin d’en faire l’essai correctement.

Avez-vous trouvé la réponse à votre question ?