Comment ajouter des widgets à mon site web ?

Dans eTrusted, vous avez à votre disposition plusieurs widgets modernes que vous pouvez utiliser pour gagner la confiance des visiteurs de votre site web.

La confiance est la valeur la plus importante sur Internet. En affichant votre note globale positive de manière clairement visible sur votre site web, vous inspirez confiance et augmentez ainsi vos ventes.

Où puis-je consulter les widgets disponibles ?

Tous les widgets disponibles se trouvent dans la bibliothèque de widgets.

  1. Connectez-vous au Centre de contrôle eTrusted.
  2. Dans la navigation principale, cliquez sur l’étoile (« Avis ») (01_16x16.png). Cliquez ensuite sur « Marketing » (02_16x16.png).
  3. Ouvrez l’onglet « Widgets » (03_16x16.png).
    01_FR.png

Vous pouvez y choisir entre différentes variantes de widgets et personnaliser chaque widget en fonction de vos besoins.

Dans la bibliothèque de widgets, vous pouvez voir un aperçu de chaque widget. Vous pouvez donc décider quel widget est le mieux adapté à votre site web et où il peut être placé le plus efficacement.

Chaque widget est déjà optimisé pour les ordinateurs de bureau et les appareils mobiles, vous n'avez donc pas à vous soucier de l'affichage optimal sur les appareils de vos utilisateurs. Le code de nos widgets couvre deux variantes d'affichage : L'un est optimisé pour les petits écrans de smartphones, l'autre exploite tout le potentiel de la résolution d’un PC de bureau.

Vous voulez voir à quoi ressemblent nos widgets sur un site web ? Dans ce cas, nous vous recommandons cet article :
À quoi ressemblent les widgets sur mon site web ?

Comment fonctionne la configuration du widget ?

Une question importante avant de commencer : avez-vous intégré vos produits Trusted Shops dans votre site web à l’aide d’un plug-in ? Beaucoup de nos plug-ins permettent également d’intégrer les widgets en quelques clics et sans connaissances techniques préalables. Vérifiez donc d’abord si votre plug-in supporte l’intégration des widgets :
 
  1. Ouvrez votre plug-in Trusted Shops.
  2. Vérifiez si votre plug-in dispose de l’onglet « Widgets ».
L’onglet « Widgets » est-il présent dans votre plug-in ? Si oui, suivez les instructions détaillées dans ce guide : Afficher les avis site et les avis produits collectés sur votre site
L’onglet « Widgets » n’est pas présent dans votre plug-in ? Dans ce cas, poursuivez avec les instructions ci-après.

Étape 1: Génération du code du widget

  1. Ouvrez l’aperçu « Widgets » comme décrit ci-dessus.
  2. Sélectionnez un widget. Ensuite, cliquez sur le bouton « Créer » qui fait partie du widget. Le mode de configuration du widget s’ouvre.
    02_FR.png
Veuillez noter que vous devez avoir recueilli au moins cinq avis de plus de 12 caractères avant que le widget « Carrousel d'avis » puisse être affiché dans votre boutique.
  1. Sélectionnez la palette de couleurs dans laquelle vous aimeriez afficher le widget :
    - Sélectionnez « Clair » si vous souhaitez afficher le widget dans la palette de couleurs standard.
    - Sélectionnez « Sombre » si vous souhaitez afficher le widget en mode sombre.
    - Sélectionnez « Paramétres du système » si vous souhaitez que les réglages de votre client soient en mode sombre pour savoir si le widget s’affiche ou non en mode sombre.
    03_FR.png
  2. Souhaitez-vous utiliser une autre couleur pour vos étoiles d’évaluation et pour les barres de la liste d’avis ? Pour ce faire, cliquez sur « Couleur d’accentuation ».
    04_FR.png
    Un menu déroulant s’ouvre. Sélectionnez l’une des couleurs proposées (01_16x16.png) ou entrez la valeur hexadécimale de la couleur souhaitée dans le champ de saisie (02_16x16.png). Cliquez ensuite sur « Appliquer » (03_16x16.png).
    05_FR.png
  3. Souhaitez-vous utiliser la police de votre site Web dans le widget ? Cochez ensuite la case « Appliquer la police de votre site web ».
    06_FR.png
  4. Cochez « Afficher les images » si les photos de produits téléchargées par votre client doivent apparaître dans le widget.
Les photos des produits peuvent être affichées sur les widgets suivant : Caroussel d'avis, Voix du Client, Liste complète d'avis clients.

07_FR.png

  1. Installez-vous actuellement le widget « Opinion du client » ? Cliquez ensuite sur la flèche dans le coin supérieur droit de la zone « Surligner un commentaire ». Une liste de vos avis 4 et 5 étoiles s'ouvre.
    08_FR.png
    Seuls les avis des clients qui ont indiqué leur nom doivent-ils être affichés sur cette liste ? Cochez ensuite la case « Afficher uniquement les avis avec des noms ».
    09_FR.png
    Sélectionnez l’avis souhaité.
    10_FR.png
    Utilisez le surligneur de texte bleu pour sélectionner la partie du commentaire qui doit être affichée dans le widget.
    11_FR.png
    Le nom de votre client est automatiquement anonymisé par le widget. Néanmoins, vos clients peuvent s’opposer ultérieurement à la mise en valeur de leur avis sur votre site Web.
    Dans ce cas, assurez vous de supprimer rapidement l’avis concerné de votre site Web. Conseil : Il vous suffit de créer un nouveau widget « Opinion du client » et de remplacer l’ancien code de widget de votre site Web par le nouveau.
  1. Cliquez sur « Créer un code widget ». L’aperçu « Comment intégrer le widget sur votre site Internet » s’ouvre.
    12_FR.png

Vous avez généré avec succès le code du widget. Il faut maintenant intégrer le code du widget dans votre site web.

Étape 2: Intégration du code du widget dans votre site web

Pour afficher des widgets sur votre site web, vous devez inclure du code HTML et JavaScript dans l’en-tête et le corps de votre site web HTML. Vous trouverez les extraits de code nécessaires à cet effet dans l’aperçu « Comment intégrer le widget sur votre site Internet », qui s’ouvre après la génération du code du widget.

Vous ne disposez pas des connaissances nécessaires pour insérer le code du widget dans le code HTML de votre site web ? Cliquez ensuite sur « Copier toutes les instructions ». Ouvrez ensuite un document texte de votre choix et collez le code du widget copié dans le document texte. Envoyez ensuite le document texte aux administrateurs de votre site web.
04_FR.png

Vous souhaitez intégrer vous-même le code du widget dans le code HTML de votre site web ? Dans ce cas, suivez les étapes suivantes :

  1. Cliquez sur l’icône de document dans le champ de code supérieur pour copier le fragment de code dans votre presse-papier.
    05_FR.png
  2. Ouvrez l’en-tête à l’intérieur du HTML de votre page web. Insérez l’extrait de code mis en cache dans l’en-tête.
Le code JavaScript pour l’en-tête n'est nécessaire qu'une seule fois, même si vous implémentez plus d'un widget dans votre site web.
  1. Retournez à l’aperçu « Comment intégrer le widget sur votre site Internet ». Cliquez sur l’icône de document dans le champ de code inférieur pour copier le fragment de code dans votre presse-papier.
    06_FR.png
  2. Dans le HTML de votre page web, ouvrez la section du corps. Collez l’extrait de code mis en cache à l’endroit où vous souhaitez placer le widget dans la section du corps.
  3. Retournez à l’aperçu « Comment intégrer le widget sur votre site Internet ». Cliquez sur « Finaliser la création du widget ».
    07_FR.png

Vous avez ainsi intégré avec succès le widget dans votre site web.

Combien de temps le code est-il actif ?

Lorsque vous avez généré le code et terminé la configuration du widget, vous trouverez le widget créé dans l’aperçu « Manage my widgets ». Vous pouvez accéder à l’aperçu en cliquant sur « Gérer mes widgets ».

08_FR.png

Le code JavaScript est actif en permanence, que vous l'ayez déjà implémenté ou non. Cela signifie que vous pouvez prendre votre temps pour l’implémentation.

Si quelque chose n'a pas fonctionné lors du copier-coller du code, ce n'est pas un problème non plus. Vous pouvez alors simplement copier une nouvelle fois le code du widget actif. Pour ce faire, cliquez sur le bouton « Afficher le code » du widget souhaité.

09_FR.png

Le code est désactivé si vous retirez le widget de vos widgets actifs en cliquant sur le bouton « Supprimer ». Tant que vous n'aurez pas retiré le code HTML de votre site web, une zone vide sera affichée à cet endroit.

10_FR.png

Pour savoir ce que vous devez savoir lorsque vous supprimez des widgets, lisez cet article :
Comment supprimer un widget de mon site web ?

Pourquoi le snippet de code de l'en-tête du site est-il le même pour chaque widget ?

Le code JavaScript que vous devez implémenter dans l'en-tête de votre site web n'est nécessaire qu'une seule fois. Par conséquent, pour la mise en œuvre de chaque widget supplémentaire, il suffit d'insérer le code HTML / le conteneur DIV du widget à l’endroit adéquat dans le corps du site web.

Cela présente l'avantage que même les personnes ne disposant pas de droits d’administrateurs peuvent ajouter des widgets, pour autant qu'elles soient autorisées à modifier le contenu du site web. Votre équipe marketing peut donc agir de manière autonome après la mise en œuvre initiale du snippet JavaScript. Les widgets sont donc déjà visibles pour les visiteurs de votre site web après quelques minutes.

Vous affichez déjà vos étoiles sur Google & Co ? Pour plus d'informations, cliquez ici :
- Comment fonctionne le Reputation Manager ?
- Pourquoi est-ce une bonne idée d'optimiser ma note globale sur les autres plateformes d'avis ?


Utilisateurs qui ont trouvé cela utile : 0 sur 0