Qualtrics Platform
Customer Journey Optimizer
XM Discover
Qualtrics Social Connect

Feedback intégré personnalisé

Astuce Qualtrics : si vous n’avez accès à aucune des fonctionnalités décrites sur cette page, contactez votre Responsable de compte. Pour plus d’informations sur les différences entre le feedback numérique et CustomerXM pour le numérique, voir Feedback numérique vs. CustomerXM pour Digital.

À propos des créatifs de commentaires intégrés personnalisés

Les avis intégrés personnalisés vous permettent de créer du contenu personnalisé qui s’affiche dans le cadre de votre page. Ce contenu personnalisé peut être n’importe quel contenu, d’une publicité à une enquête intégrée.

Exemple : dans cette capture d’écran, une enquête apparaît intégrée à la page Web une fois qu’un visiteur a effectué un paiement. L’enquête est créée dans la plateforme d’enquête et intégrée à la page à l’aide d’un créatif de feedback personnalisé intégré.

Les commentaires personnalisés intégrés sont plus perceptibles qu’un créatif plus passif, comme le bouton de feedback, tout en n’écrasant jamais les visiteurs du site Web en interrompant ce qu’ils font. Dans un monde où les clients sont formés pour donner rapidement leur avis après une interaction, l’intégration d’un feedback personnalisé directement dans votre page permet aux répondants de donner leur avis au cours d’une expérience.

Les créateurs de commentaires intégrés personnalisés peuvent également être utiles pour la gestion de contenu, ce qui vous permet de choisir les enquêtes qui sont présentées à des types spécifiques de visiteurs du site Web.

Exemple : par exemple, vous pouvez choisir d’afficher une offre de réduction uniquement pour les visiteurs situés dans des zones proches d’emplacements de magasins physiques, et d’alterner le matériel à tout le monde.

Exemple : Dans la capture d’écran ci-dessous, nous demandons aux visiteurs pour quoi ils font leurs achats aujourd’hui. S’ils choisissent des chaussures, nous pouvons les rediriger directement vers la section Chaussures de notre site Web.

Astuce Qualtrics : Cette fonctionnalité s’appelait auparavant Creative HTML personnalisé.

Implémentation du feedback intégré personnalisé

Générez un créatif de feedback intégré personnalisé.
Attention : le nom de votre créatif ne doit pas dépasser 100 caractères.
Demandez à votre équipe Web de désigner un « conteneur » sur votre site Web où vos commentaires intégrés personnalisés seront insérés. Cet espace doit inclure un élément HTML avec un attribut ID. Identifiez et copiez l’ID HTML entre les guillemets.

Dans de nombreux cas, une balise HTML avec un ID existe déjà à l’emplacement approprié, et aucune modification du site n’est nécessaire.

Astuce Qualtrics : utilisez la fonction « Inspect Element » de votre navigateur pour déterminer l’ID HTML d’un élément. Dans la plupart des navigateurs, il vous suffit de cliquer avec le bouton droit de la souris sur la partie de la page que vous souhaitez inspecter et de sélectionner « Inspect » ou « Inspect Element ».
Créez un intercept.
Dans le menu Options de l’action de votre intercept, sélectionnez Options avancées.
Collez l’ID HTML de votre conteneur cible dans le champ Point d’insertion du Creative.
Cliquez sur Enregistrer.
Lorsqu’un visiteur accède à cette page sur votre site Web, Qualtrics recherchera l’élément HTML avec l’identifiant que vous avez spécifié et insérera votre créatif dans ce conteneur div.

Astuce Qualtrics : dans les exemples ci-dessus, nous intégrons une enquête Qualtrics directement sur la page. Pour obtenir un effet similaire, lorsque vous modifiez votre créatif, il vous suffit d’ajouter une cible intégrée à la taille et à la forme que vous souhaitez voir apparaître dans l’enquête sur la page.

Options de commentaires intégrés personnalisés

Dans la section Options de votre créatif, vous trouverez des paramètres spécifiques aux créateurs de commentaires intégrés personnalisés.

Dimensionnement

Par défaut, les creatives de feedback intégrées personnalisées ont une taille spécifique. Cette taille correspond à la taille d’affichage de votre créatif, quelle que soit la taille de l’écran sur lequel il se trouve.

Pour que votre créatif soit redimensionné dynamiquement pour qu’il corresponde à différentes tailles et types d’écran, cochez Redimensionnez la cible pour l’adapter à la taille du conteneur d’insertion. Jeest automatiquement créatif pour correspondre à la taille (longueur et largeur) du conteneur que vous avez configuré lorsque mettre en œuvre des commentaires intégrés personnalisés.

Attention : Cette option remplace la taille du créatif définie dans le menu de modification. Si vous souhaitez une taille de créatif spécifique, n’utilisez pas d’options de redimensionnement.

Astuce : Les conteneurs sur les sites Web changent généralement de taille en raison des différentes tailles de page et types d’appareils. Ainsi, si vous sélectionnez cette option, votre créatif pourra se redimensionner en fonction de la taille de la page et du type d’appareil de chaque utilisateur.

Quand Redimensionner cible pour l’adapter à la taille du conteneur d’insertion est sélectionné, il existe 2 options supplémentaires que vous pouvez sélectionner :

Redimensionner la cible pour l’ajuster à la hauteur enquête : Lorsque cette option est sélectionnée, la hauteur totale de l’enquête est affichée et la hauteur n’est pas déterminée par la taille du conteneur.
Verrouiller les proportions cible lors du redimensionnement : Lorsque cette option est sélectionnée, les proportions originales du créatif sont conservées.
Astuce : La sélection de cette option empêchera le texte, les images et les boutons de changer de taille, même si le créatif est redimensionné pour s’adapter au conteneur.

Attention : Les créatifs ne peuvent pas être redimensionnés lorsque Fixer à la page est sélectionné dans la section « Positionnement personnalisé ».

Positionnement personnalisé

Parfois, vos commentaires intégrés personnalisés peuvent être plus petits que le conteneur cible où ils seront insérés sur votre site Web. Dans ce cas, vous pouvez utiliser Positionnement personnalisé pour indiquer à quel endroit, par rapport au conteneur cible, votre HTML s’affichera.

Pour encore plus de contrôle sur le positionnement, vous pouvez décaler la position X ou Y du créatif de sa position initiale ou sélectionner Fixer à la page afin que l’avis intégré personnalisé suive le visiteur au fur et à mesure qu’il fait défiler.

Remplacer les contenus de conteneurs cibles

Par défaut, lorsqu’un créatif de feedback intégré personnalisé est inséré dans une page, il remplace le contenu existant de l’élément HTML cible. Vous verrez cette option sélectionnée comme Remplacer le contenu du conteneur cible.

Ajouter au conteneur cible

Plutôt que de remplacer le contenu du conteneur cible, vous pouvez sélectionner Ajouter au conteneur cible pour placer votre créatif dans le conteneur cible, mais après tout contenu existant.

Insérer avant le conteneur cible

Cette option vous permet d’insérer le feedback intégré personnalisé avant le conteneur cible.

Astuce Qualtrics : cette action ignorera les options de positionnement personnalisé.

Insérer après le conteneur cible

Cette option vous permet d’insérer le feedback intégré personnalisé après le conteneur cible.

Astuce Qualtrics : cette action ignorera les options de positionnement personnalisé.

A Note sur l’index Z

L’index Z est une propriété CSS qui spécifie quels éléments de votre page Web doivent être au-dessus lorsque des éléments se chevauchent. Par défaut, les créatifs auront un index z plus élevé que les autres éléments sur votre page afin qu’ils soient toujours au-dessus.

C’est généralement le mieux, mais dans certains cas, cela peut ne pas être préférable. Par exemple, un menu déroulant peut être couvert par votre feedback intégré personnalisé.

Attention : Soyez prudent ! Vous ne devez pas ajouter la CSS d’index Z à une cible intégrée. Cependant, l’ajout de l’index Z à d’autres types d’éléments est correct.

Pour ajuster l’index z de votre feedback intégré personnalisé :

Accédez à votre page Web qui affiche le Creative et ouvrez l’outil Outils de développement ou Inspecter l’élément.
Identifiez la classe div commençant par « QSI » et copiez ce qui se trouve entre les guillemets. Ensuite, remplacez l’espace entre “QSIUserDefinedHTML” et la chaîne commençant par “SI_” par un point (.). Dans l’exemple ci-dessous, nous copions :
```
QSIUserDefinedHTML SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
```
Après avoir remplacé l’espace par une période, nous avons maintenant :
```
QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
```
Dans votre compte Qualtrics, accédez à Modifier pour votre créatif.
Double-cliquez sur un élément pour le modifier ou créez-en un nouveau.
Avertissement : nous vous recommandons de ne pas ajouter l’élément CSS d’index Z à une cible intégrée car vous risquez de rencontrer des problèmes avec la couverture accidentelle d’autres parties de votre page. Cependant, l’ajout de l’index Z à d’autres types d’éléments est correct.
Cliquez sur Source en haut de l’éditeur de contenu enrichi pour accéder à la vue HTML.
Prenez le code ci-dessous (y compris les balises de style) et collez-le dans la source.
```
<style type="text/css"> .QSIUserDefinedHTML{z-index:1;} </style>
```
Remplacez “QSIUserDefinedHTML” par l’ID que vous avez récupéré à l’étape 2 et remplacez la valeur d’index z par la valeur appropriée pour votre page Web.
```
<style type="text/css"> .QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer{z-index:1;} </style>
```
Si le code projet figure déjà dans le code source de votre site Web, cliquez sur le bouton Publier pour pousser vos modifications sur votre site.
Si le code n’est pas dans le code source de votre site Web, vous pouvez tester le Creative sur votre site Web en utilisant Tester l’intercept et confirmer que tout est superposé correctement.
Si la structuration en couches n’est toujours pas correcte, vous pouvez envisager de modifier la valeur de l’index z en un nombre plus grand afin d’empiler votre Creative plus haut sur la page, ou un nombre plus petit (même négatif) pour l’empiler plus bas.