Bouton d’avis

À propos du bouton de rétroaction

Le bouton de retour d’information est un moyen subtil de recueillir les commentaires des visiteurs du site web sans interrompre ce qu’ils sont en train de faire. Les boutons de rétroaction apparaissent sous la forme d’un onglet sur la côte d’une page. Lorsqu’on clique dessus, ils s’ouvrent pour afficher plus d’informations ou se développent sous la forme d’une nouvelle fenêtre superposée à l’écran. Quelle que soit la manière dont ils sont mis en œuvre, les boutons de rétroaction permettent aux visiteurs de lancer facilement le processus de rétroaction.

Si vous regardez à gauche de cet article de soutien, vous verrez un exemple de bouton de retour d’information en action !

Création d’un bouton de retour d’information

1. Créer un intercept guidé.
2. La plate-forme doit être réglée sur Site web.
   
3. Sélectionnez Superposition.
4. Cliquez sur Create Intercept.
5. Dans la page Configuration, sélectionnez Apparence.
   
6. Sélectionnez le bouton Feedback.
   
7. Terminez les étapes décrites ci-dessous sur cette page d’assistance :
   • Apparence
   • Affichage de l’enquête
8. Ajouter les traductions, si nécessaire.
9. Cliquez sur Ajouter une connexion pour ajouter un lien vers une enquête personnalisée à la boîte de dialogue.
10. Sélectionnez l’un des éléments suivants :
    
    • Choisissez une enquête existante : Lien vers une enquête à laquelle vous avez accès. Assurez-vous que le projet que vous souhaitez utiliser est ouvert et qu’il dispose d’un lien anonyme.
    • Ajouter un lien externe : Coller une URL complète.
11. Cliquez sur Enregistrer la connexion.
12. Ajouter une logique de cible.
    
13. Ajouter des données intégrées.
14. Régler les paramètres d’intercept, tels que le moment où l’intercept s’affiche et la connexion au Répertoire XM.
15. Testez votre intercept.
16. Publiez vos modifications.
17. Déployer les changements.

Apparence

Dans la section Apparence, vous pouvez personnaliser l’apparence générale du créatif comme suit :

• Position du bouton : Configurez l’endroit où le bouton doit apparaître sur la page web.
• Texte du bouton : Spécifiez le texte du bouton.
• Icône du bouton : Choisissez l’icône que vous souhaitez voir apparaître sur le bouton situé à gauche de votre texte.
• Couleur du texte : choisissez la couleur du texte de votre bouton.
• Couleur du bouton : choisissez la couleur du bouton lui-même.
• Forme du bouton : Configurez le rayon de la bordure de votre bouton. Ce paramètre détermine le degré d’arrondi des angles.
• Utiliser mon propre bouton : Téléchargez votre propre image pour l’utiliser comme bouton. Vous avez la possibilité d’utiliser la taille de l’image telle quelle ou de la redimensionner à la taille appropriée. Si vous utilisez votre propre bouton, vous obtiendrez un champ dans lequel vous pourrez saisir un texte alt pour l’utiliser avec une technologie de lecture d’écran.
  

• Utiliser un modèle: Utilisez un thème d’enquête comme modèle pour les paramètres de style du créatif. Cette opération permet d’importer les couleurs primaires et les paramètres d’espacement des questions de ce thème d’enquête.
  
  Astuce: Les paramètres du créatif sont déconnectés du thème utilisé comme modèle. Les paramètres du Créatif ne sont pas mis à jour si le thème du modèle change, et la modification des paramètres du Créatif ne changera pas le thème du modèle.
• Personnaliser le CSS: Personnalisez le CSS du bouton de retour d’information comme vous le souhaitez. Vous pouvez ajouter des classes et des propriétés personnalisées en plus des classes et propriétés par défaut. Les modifications apportées ici peuvent ne pas être reflétées dans l’aperçu ; n’oubliez pas de tester votre intercept avant de le déployer en effectuant la configuration guidée.
  Attention : Le code suivant est fourni tel quel et sa mise en œuvre nécessite des connaissances en programmation. Le support de Qualtrics ne propose pas d’assistance ou de consultation sur le codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d’utilisateurs dédiés.
  Attention : S’il y a plusieurs boutons de retour d’information sur la même page, le CSS personnalisé affectera tous les boutons de la page. Le CSS du dernier intercept chargé sera appliqué à tous les intercepts de la page. Nous recommandons de n’utiliser qu’un seul bouton de rétroaction sur une page lorsque vous utilisez un CSS personnalisé.

  -Cliquez ici pour voir le CSS par défaut pour les boutons de rétroaction-

  Si vous supprimez les sélecteurs CSS ou les classes dans le modèle prédéfini, vous ne pourrez pas rafraîchir ou recharger le modèle. Vous trouverez ci-dessous ce modèle au cas où vous auriez besoin de réinitialiser le CSS de votre Intercept :
  /* Utilisez les classes ci-dessous pour remplacer les styles des boutons de rétroaction.
Attention : Le code suivant est fourni tel quel à l'adresse
et sa mise en œuvre nécessite des connaissances en programmation.
Le support de Qualtrics ne propose pas d'assistance ou de consultation sur le codage personnalisé.
Vous pouvez vous adresser à notre communauté d’utilisateurs spécialisés.
Pour obtenir de l'aide sur le code personnalisé, consultez le site https://community.qualtrics.com/custom-code-12
NOTE : Les modifications apportées ici ne seront pas répercutées dans l'aperçu.
Veillez à tester vos modifications manuellement. */
/* Style du conteneur parent du bouton de rétroaction. Il s'agit d'un conteneur qui se trouve au-dessus de l'écran entier et qui est principalement transparent. Il contient le bouton de rétroaction */
.QSIFeedbackButton {
/* z-index : 1 ; */
/* white-space : normal !important ; */
}
/* Style du bouton de retour d'information */
#QSIFeedbackButton-btn div {
/* line-height : 1em !important ; */
/* margin : 0 0.5em 0 0 !important ; */
/* width : auto !important ; */
/* font-size : inherit !important ; */
/* font-weight : normal !important ; */
/* font-style : normal !important ; */
/* display : inline !important ; */
/* color : #000000 !important ; */
/* background-color : #136ef6 !important */
}
/* Enquête de style iFrame container. Ceci héberge l'iFrame et apparaît lorsque l'on clique sur le bouton de feedback */
#QSIFeedbackButton-pullup-container.QSIFeedbackButton {
/* display : inline-block !important ; */
/* margin-right : 5px !important ; */
}
/* Style enquête iFrame */
#QSIFeedbackButton-survey-iframe {
/* display : inline-block !important ; */
/* height : 100% !important ; */
/* width : 100% !important ; */
}

Toutes les options ci-dessus peuvent être configurées séparément pour contrôler l’affichage du bouton d’avis pour les navigateurs web de bureau et les navigateurs web mobiles – à l’aide des onglets Web (bureau) ou Web mobile.

Pour Mobile web, il existe également une option permettant de désactiver complètement ce créatif, si nécessaire. Sélectionnez Ne pas afficher ce bouton sur le navigateur mobile pour le désactiver pour les mobiles.

Affichage de l’enquête

Dans la section ” Affichage de l’enquête “, vous pouvez contrôler la façon dont l’enquête s’affiche lorsque l’utilisateur clique sur le bouton de retour d’information.

Les options de l’enquête pour le Web (Desktop) sont les suivantes :

• Affichage sur le web :
  • Curseur: L’enquête s’affiche sous la forme d’un curseur qui s’ouvre et se ferme. Si vous avez activé l’ajout d’une icône pour désactiver le bouton de retour d’information, un clic sur le X désactivera à la fois le curseur et le bouton de retour d’information (par exemple, l’ensemble du créatif disparaîtra de l’écran).
  • Superposition: L’enquête s’affiche dans une fenêtre intégrée. Vous pourrez également définir le niveau d’obscurité de l’incrustation à l’aide du champ Fondu d’arrière-plan. Si vous avez activé l’ajout d’une icône pour désactiver le bouton de rétroaction, un clic sur le X désactivera l’enquête intégrée, mais vous verrez toujours le bouton de rétroaction et pourrez le sélectionner à nouveau, si vous le souhaitez.
  • Nouvelle fenêtre: L’enquête s’affiche dans une nouvelle fenêtre.
• Taille de l’enquête : Contrôlez la taille (hauteur) de l’enquête sur votre page en termes de pourcentage de la hauteur totale de la page. Cette option n’est disponible que si vous choisissez le Curseur pour l’affichage sur le web.
• Ajouter une icône pour faire disparaître le bouton de retour d’information : Ajouter la possibilité pour les utilisateurs de faire disparaître le bouton de retour d’information.
• Titre de l’Iframe : Si vous avez ajouté une cible intégrée à votre Intercept correspondant, ajoutez un titre que les lecteurs d’écran peuvent interpréter.

Les options de l’enquête pour l’internet mobile sont les suivantes :

• Affichage web mobile :
  • Fenêtre déroulante: L’enquête s’affiche dans une fenêtre déroulante qui couvre une partie de l’écran. Si vous avez activé l’ajout d’une icône pour désactiver le bouton de rétroaction, un clic sur le X désactivera l’enquête intégrée, mais vous verrez toujours le bouton de rétroaction et pourrez le sélectionner à nouveau, si vous le souhaitez.
    Astuce: L’apparence de la fenêtre déroulante peut être ajustée à l’aide d’un code personnalisé dont la mise en œuvre nécessite des connaissances en programmation. Le support de Qualtrics ne propose pas d’assistance ou de consultation sur le codage personnalisé. Vous pouvez toujours essayer de demander à notre communauté d’utilisateurs dévoués. Si vous souhaitez en savoir plus sur nos services de codage personnalisés, veuillez contacter votre commercial Qualtrics.
  • Nouvel onglet: L’enquête s’affiche dans un nouvel onglet du navigateur. Si cette option est sélectionnée, vous n’aurez pas la possibilité d’ajouter un titre iframe, car vous accéderez à un nouvel onglet du navigateur pour l’enquête à la place.
• Titre de l’Iframe : Si vous avez ajouté une cible intégrée à votre Intercept correspondant, ajoutez un titre que les lecteurs d’écran peuvent interpréter.

Modifications du bouton de rétroaction

FAQ