Creative Bouton de commentaires
À propos des créatifs de boutons de commentaires
Le bouton de feedback est similaire aux onglets et curseurs de feedback, ce qui vous permet de rendre les créatifs accessibles réactifs aux différentes tailles d’appareils. Ce créatif facilite grandement l’ajout rapide de boutons d’avis pour vos sites Web.
Conception d’un bouton de feedback
Configurer le Creative Bouton de commentaires
Une fois que vous avez accès à cette fonctionnalité, le bouton Feedback est disponible avec d’autres créatifs. Vous pouvez choisir de créer votre bouton de feedback avec la configuration guidée de Feedback de site Web, ou vous pouvez créer votre bouton de feedback seul en faisant défiler vers le bas jusqu’à la section pièce par pièce.
Une fois que vous avez cliqué sur le bouton Feedback, vous aurez la possibilité de nommer votre créatif.
&Apparence ; Sentiment
Dans la section Look & Feel, vous pouvez personnaliser l’apparence globale du créatif comme suit :
- Position du bouton : configurez l’emplacement où le bouton doit apparaître sur la page Web.
- Texte du bouton : Précisez le texte du bouton.
- Icône de bouton : sélectionnez l’icône que vous souhaitez afficher sur le bouton à gauche de votre texte.
- Couleur du texte : sélectionnez la couleur du texte de votre bouton.
- Couleur du bouton : sélectionnez la couleur du bouton lui-même.
- Forme du bouton : Configurez le rayon de bordure de votre bouton. Cela détermine le degré d’arrondi des angles.
- Utiliser mon propre bouton : Chargez votre propre image à 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 obtenez une zone dans laquelle vous pouvez saisir un texte alternatif à utiliser avec la 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. Cela importera les paramètres principaux d’espacement des questions et de couleur de ce thème d’enquête.
Astuce Qualtrics : les paramètres du Creative 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 modifiera pas le thème du modèle. - Personnaliser CSS: personnalisez la CSS du bouton de feedback selon vos besoins. 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 test votre intercept avant le déploiement en complétant la configuration guidée.
Attention : Le code suivant est fourni tel quel et nécessite des connaissances en programmation pour la mise en œuvre. 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.Avertissement : S’il existe plusieurs boutons de feedback sur la même page, CSS personnalisé affectera tous les boutons de la page. La CSS de l’intercept qui a été chargé en dernier sera appliquée à tous les intercepts de la page. Nous vous recommandons d’utiliser un seul bouton de feedback sur une page lorsque vous utilisez un CSS personnalisé.
- -Cliquez ici pour afficher le CSS par défaut pour les boutons de feedback –
- Si vous supprimez les sélecteurs CSS ou les classes dans le modèle prédéfini, vous ne pourrez pas actualiser ou recharger le modèle. Vous trouverez ci-dessous ce modèle si vous devez réinitialiser la CSS de votre intercept :
/* Utilisez les classes ci-dessous pour remplacer les styles de bouton de feedback.
Attention : le code suivant est fourni tel quel.
et nécessite des connaissances en programmation à mettre en œuvre.
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é, accédez à https://community.qualtrics.com/custom-code-12.
REMARQUE : les modifications apportées ici ne seront pas reflétées dans le prévisualiseur.
Assurez-vous de tester vos modifications manuellement..*/
/* Conteneur parent de bouton de feedback de style. Il s'agit d'un conteneur qui se trouve au-dessus de tout l'écran et qui est principalement transparent qui héberge le bouton de feedback */
.QSIFeedbackButton {
/* z-index: 1; */
/* espace blanc : normal !important ; */
}
/* Bouton de commentaires style */
#QSIFeedbackButton-btn div {
/* hauteur de ligne: 1em !important; */
/* marge : 0 0.5em 0 0 !important ; */
/* largeur : auto !important ; */
/* font-size : hérite !important ; */
/* font-weight : normal !important ; */
/* font-style : normal !important ; */
/* affichage : en ligne !important ; */
/* couleur : #000000 !important ; */
/* couleur d'arrière-plan : #136ef6 !important */
}
/* Styliser enquête. Il héberge l'iFrame et apparaît en cliquant sur le bouton de feedback */
#QSIFeedbackButton-pullup-container.QSIFeedbackButton {
/* affichage : bloc en ligne !important; */
/* marge droite : 5px !important ; */
}
/* Style enquête iFrame */
#QSIFeedbackButton-survey-iframe {
/* affichage : bloc en ligne !important; */
/* hauteur: 100% !important; */
/* largeur: 100% !important; */
}
Toutes les options ci-dessus peuvent être configurées séparément pour contrôler l’affichage du bouton de feedback pour le Web de bureau ou les navigateurs Web mobiles – à l’aide des onglets Web (Bureau) ou Mobile.
Pour le Web mobile, il existe également une option pour désactiver complètement ce Creative, si nécessaire. Sélectionnez Ne pas afficher ce bouton sur le navigateur mobile pour le désactiver sur mobile.
Affichage de l’enquête
Dans la section « Survey display » (Affichage de l’enquête), vous pouvez contrôler la façon dont l’enquête réelle s’affiche lorsque l’utilisateur clique sur le bouton « Feedback » (Avis).
Les options d’affichage de l’enquête pour Web (Desktop) sont les suivantes :
- Affichage Web :
- Curseur : l’enquête s’affichera dans un curseur qui glissera. Si vous avez ajouté une icône pour ignorer le bouton de feedback activé, cliquer sur X supprimera à la fois le curseur et le bouton de feedback (par ex., l’intégralité du Creative disparaîtra de l’écran).
- Superposition : l’enquête s’affichera dans une fenêtre intégrée. Vous pourrez également définir le niveau d’obscurité de la superposition avec le champ Fondu d’arrière-plan. Si vous avez ajouté une icône pour ignorer le bouton de commentaires activé, cliquer sur X supprimera l’enquête intégrée, mais vous verrez toujours le bouton de feedback et pourrez le sélectionner à nouveau, si vous le souhaitez.
- Nouvelle fenêtre : l’enquête s’affichera dans une nouvelle fenêtre.
- Taille de l’enquête : contrôlez la taille de l’enquête (hauteur) sur votre page en termes de pourcentage de la hauteur totale de la page. Uniquement une option si vous sélectionnez Curseur pour l’affichage Web.
- Ajouter une icône pour ignorer le bouton de commentaires : Ajoutez l’option permettant aux utilisateurs de supprimer le bouton de commentaires.
- Titre 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 d’affichage de l’enquête pour le Web mobile sont les suivantes :
- Affichage Web mobile :
- Extraire vers le haut : l’enquête s’affichera dans une fenêtre de retrait qui couvrira une partie de l’écran. Si vous avez ajouté une icône pour ignorer le bouton de commentaires activé, cliquer sur X supprimera l’enquête intégrée, mais vous verrez toujours le bouton de feedback et pourrez le sélectionner à nouveau, si vous le souhaitez.
Astuce Qualtrics : l’apparence de la fenêtre d’extraction peut être ajustée à l’aide d’un code personnalisé nécessitant des connaissances en programmation pour la mise en œuvre. 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édiés à la place. Si vous souhaitez en savoir plus sur nos services de codage personnalisés, veuillez contacter votre commercial Qualtrics.
- Nouvel onglet : l’enquête s’affichera 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 plutôt à un nouvel onglet du navigateur pour l’enquête.
- Extraire vers le haut : l’enquête s’affichera dans une fenêtre de retrait qui couvrira une partie de l’écran. Si vous avez ajouté une icône pour ignorer le bouton de commentaires activé, cliquer sur X supprimera l’enquête intégrée, mais vous verrez toujours le bouton de feedback et pourrez le sélectionner à nouveau, si vous le souhaitez.
- Titre IFrame : si vous avez ajouté une cible intégrée à votre intercept correspondant, ajoutez un titre que les lecteurs d’écran peuvent interpréter.
Traductions
Ajoutez des traductions pour le texte de votre bouton. Pour obtenir des instructions détaillées, voir Traduction des boutons de feedback et des boîtes de dialogue réactives.
Sauvegarde et publication du Creative du bouton de commentaires
Lorsque vous ajoutez des modifications au créatif de bouton de commentaires, assurez-vous d’enregistrer régulièrement votre travail en cliquant sur le bouton Enregistrer dans le coin supérieur droit, juste au-dessus de la zone d’aperçu.
Une fois que vous êtes prêt à publier votre créatif, cliquez sur Publier. Cela vous permettra d’activer le Creative Live sur votre application mobile.
Configuration des Intercepts
Les créatifs de boutons de feedback peuvent être utilisés avec des intercepts standard. Assurez-vous simplement que lorsque vous définissez le créatif de l’intercept, sélectionnez le créatif spécifique sous la section Bouton de feedback.
Modifications des boutons de commentaires
Attention : si votre créatif de feedback a des options différentes de ce qui est affiché sur cette page, ou s’il a été créé avant le 27 septembre 2019, il est probable qu’il s’agisse d’un créatif entièrement différent appelé onglet de feedback (pas le bouton de feedback). Il s’agit d’un créatif plus ancien qui est techniquement différent de celui décrit dans cette page. Vous ne pouvez plus créer l’ancien onglet de feedback, même si vous en avez créé un dans le passé, il ne sera jamais supprimé ou désactivé.
Cependant, nous vous encourageons à créer un nouveau bouton de feedback et à essayer l’expérience décrite sur cette page. Cette nouvelle version est conviviale et accessible sans nécessiter de mises à jour JavaScript supplémentaires qui étaient nécessaires dans le passé. Par exemple, vous pouvez facilement définir différentes options de bureau et mobiles directement dans le Creative, au lieu d’utiliser des créatifs distincts personnalisés avec des actions uniques dans un intercept.