Dans cet exemple, nous allons décrire les étapes pour créer le NPS© ci-dessous :
Ce widget contient les éléments suivants :
- une question NPS©,
- une échelle de notation allant de 0 à 10,
- une question ouverte,
- un bouton d’envoi,
- un message de remerciement.
Accéder au widget NPS©
Pour accéder au widget NPS©, procédez comme suit :
- Lancez l’éditeur graphique sur le site de votre choix,
- Dans la barre d’outils de droite, cliquez sur Nudge,
- Entrez NPS© dans le champ de recherche,
- Cliquez sur la carte NPS© :
Le formulaire de configuration s’affiche.
Vous pouvez commencer à configurer votre widget. L’onglet Disposition est affiché par défaut.
Onglet Disposition
- Dans l’onglet Disposition, cliquez sur Pop-in.
- Choisissez le positionnement du contenu Au-dessus.
- Cliquez sur l’onglet Contenu,
Onglet Contenu
- Dans le champ Question, conservez le texte par défaut qui s'affiche sur le widget, au dessus de l’échelle de notation : “Quelle est la probabilité que vous nous recommandiez à un proche ?”
- Cochez la case Poser une question ouverte.
- Renseignez votre question : “Avez-vous des suggestions d'amélioration ?”
- Conservez le texte par défaut du bouton que vous souhaitez voir apparaître : Envoyer.
- Cochez la case Afficher un message de remerciement.
- Renseignez le message qui s'affiche une fois que les visiteurs ont donné une note : Merci pour votre retour !
- Cochez la case Afficher une légende.
- Conservez les valeurs de la légende pour la note minimale : Très faible et de la légende pour la note maximale : Très élevée.
- Cliquez sur l’onglet Style.
.
Onglet Style
Notes
- Dans l’étape Notes, sélectionnez l’Apparence Claire.
- Dans la catégorie Contour, ajustez l’épaisseur du contour à 0px, l’arrondi du contour à 20px et laissez la couleur sur #1079ff.
- Dans la catégorie Fond, laissez la couleur de fond sur #ffffff et la couleur d’arrière plan sur #000000, conservez l’opacité de l’arrière plan à 50%.
- Dans la catégorie Conteneur, laissez la couleur sur #1079ff, ajustez l’espacement Question / Réponse à 40px, le padding horizontal et vertical à 40px, les marges horizontales et verticales à 0px.
- Dans la catégorie Style des boutons, laissez l’espace entre les boutons à 5px, choisissez le contraste foncé et la forme des boutons arrondie avec une bordure à 8px, laissez la couleur de fond et du contour des boutons sur #1079ff et la couleur du texte des boutons sur #ffffff, ajustez l’épaisseur du contour à 0px.
Question ouverte
- Dans l’étape Question ouverte, dans la catégorie Style du champ, ajustez l’épaisseur du contour à 1px et ajustez l’espace avec le bouton à 30px.
- Dans la catégorie Style du bouton d’envoi, paramétrez la couleur de fond du bouton à #1079ff et la couleur du texte du bouton à #ffffff.
- Cliquez sur l’onglet Conditions
Onglet Conditions
- Dans la catégorie Récurrence, configurez la récurrence de l’affichage à Chaque session.
- Configurez la Récurrence après fermeture à Chaque session.
- Configurez la Récurrence après validation à Chaque session.
- Dans la catégorie Déclencheur, choisissez se déclenche au chargement de la page.
- Cochez la case Masquer automatiquement après la validation après 1 seconde.
- Cliquez sur Sauvegarder.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.