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 :

1. Lancez l’éditeur graphique sur le site de votre choix,
2. Dans la barre d’outils de droite, cliquez sur Nudge,
3. Entrez NPS© dans le champ de recherche,
4. 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

1. Dans l’onglet Disposition, cliquez sur Pop-in.
2. Choisissez le positionnement du contenu Au-dessus.
3. Cliquez sur l’onglet Contenu,

Onglet Contenu

1. 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 ?”
2. Cochez la case Poser une question ouverte.
3. Renseignez votre question : “Avez-vous des suggestions d'amélioration ?”
4. Conservez le texte par défaut du bouton que vous souhaitez voir apparaître : Envoyer.
5. Cochez la case Afficher un message de remerciement.
6. Renseignez le message qui s'affiche une fois que les visiteurs ont donné une note : Merci pour votre retour !
7. Cochez la case Afficher une légende.
8. 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.
9. Cliquez sur l’onglet Style.

.

Onglet Style

Notes

1. Dans l’étape Notes, sélectionnez l’Apparence Claire.
2. Dans la catégorie Contour, ajustez l’épaisseur du contour à 0px, l’arrondi du contour à 20px et laissez la couleur sur #1079ff.
3. 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%.
4. 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.
5. 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

1. 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.
2. 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.
3. Cliquez sur l’onglet Conditions

Onglet Conditions

1. Dans la catégorie Récurrence, configurez la récurrence de l’affichage à Chaque session.
2. Configurez la Récurrence après fermeture à Chaque session.
3. Configurez la Récurrence après validation à Chaque session.
4. Dans la catégorie Déclencheur, choisissez se déclenche au chargement de la page.
5. Cochez la case Masquer automatiquement après la validation après 1 seconde.
6. Cliquez sur Sauvegarder.

Pour en savoir plus

Widget NPS (Net Promoter Score)