Dans eTrusted, vous avez accès à plusieurs widgets que vous pouvez utiliser pour présenter vos avis site à vos clients et ainsi les convaincre du sérieux de votre entreprise. En plus de ces widgets, il existe une autre option de présentation qui poursuit le même objectif : le review sticker.
Toutefois, contrairement aux widgets, le review sticker ne sera pas développé davantage et sera complètement remplacé par les widgets à moyen et long terme. Pour l'instant, vous pouvez toujours utiliser le review sticker sans restriction.
Étape 1: Configurer le review sticker
Bon à savoir : Certains des plug-ins proposés par Trusted Shops permettent une installation facile et rapide du review sticker. Par conséquent, veuillez d’abord vérifier ici si un plug-in est disponible pour votre système de boutique et s'il prend en charge l'intégration du review sticker: Comment intégrer le Trustbadge® ?
Vous pouvez également effectuer l’installation manuellement dans votre système de boutique. Pour ce faire, utilisez le code JavaScript suivant.
<div id="reviewsticker"></div>
<script type="text/javascript">
_tsRatingConfig = {
tsid : 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
variant: 'testimonial',
reviews : '5',
betterThan: '3.5',
backgroundColor: '#ffdcof',
fontColor: '#000000',
linkColor: '#000000',
fontFamily: 'Arial',
quotationMarkColor: '#ffffff',
reviewMinLength: '10',
element: '#reviewsticker',
locale: 'fr_fr'
};
var scripts = document.getElementsByTagName('SCRIPT'),
me = scripts[scripts.length - 1];
var _ts = document.createElement('SCRIPT');
_ts.type = 'text/javascript';
_ts.async = true;
_ts.charset = 'utf-8';
_ts.src ='//widgets.trustedshops.com/reviews/tsSticker/tsSticker.js';
me.parentNode.insertBefore(_ts, me);
_tsRatingConfig.script = _ts;
</script>
Ce code doit faire l'objet de certaines adaptations, que nous vous expliquons ci-dessous. Pour ce faire, nous détaillerons les différents paramètres du code et les fonctions qu'ils prennent en charge.
- tsid : Ce paramètre relie le review sticker à votre profil d'évaluation et garantit que les bons avis sites sont affichés dans votre vignette. Veuillez donc entrer votre identifiant Trusted Shops comme valeur pour ce paramètre.
- variant : Ce paramètre est fixe et ne doit pas être modifié.
- reviews : Vous pouvez utiliser ce paramètre pour déterminer combien d’avis sites doivent être affichés à tour de rôle dans le review sticker. Le nombre d’avis préréglé est de cinq, ce qui est également le nombre maximum. Bien entendu, vous pouvez ajuster le nombre de d’avis à la baisse.
En outre, vous disposez de plusieurs options de configuration facultatives.
- betterThan : Ici, vous pouvez définir la note minimale des avis délivrés via le review sticker. Par défaut, la note minimale est de trois étoiles et demie. Cependant, vous pouvez bien sûr entrer une valeur différente pour adapter la note minimale à vos besoins.
- backgroundColor : Utilisez ce paramètre pour spécifier la couleur de fond du review sticker. La couleur réglée par défaut est le jaune. Si vous voulez changer cela, entrez simplement la valeur hexadécimale de la couleur souhaitée.
- fontColor : Ce paramètre détermine la couleur de la police. La valeur par défaut est le noir, mais vous pouvez ajuster cette couleur en entrant une valeur hexadécimale différente.
- linkColor : Vous pouvez définir ici la couleur dans laquelle le lien vers le profil de la boutique doit être affiché en bas de la vignette. Cela se fait également par la saisie d'une valeur hexadécimale. La couleur réglée par défaut est le noir.
- fontFamily : Utilisez ce paramètre pour sélectionner la police à utiliser dans le review sticker. Le réglage par défaut est Arial. Les autres choix sont Geneva, Georgia, Helvetica, Sans-serif, Serif, Trebuchet MS et Verdana.
- quotationMarkColor : Ici, vous pouvez spécifier la couleur des guillemets qui apparaîtront en haut du review sticker. La couleur réglée par défaut est le blanc. Si vous le souhaitez, vous pouvez également remplacer cette couleur par une autre valeur hexadécimale.
- reviewMinLength : Ce paramètre définit la longueur minimale que doivent avoir les avis pour pouvoir être affichés dans le review sticker. Par défaut, cette valeur est fixée à 10 caractères. Vous pouvez cependant l’ajuster selon vos besoins.
- element : Ce paramètre relie le code JavaScript à l'élément DIV défini dans la première ligne de code. Bien entendu, vous pouvez déterminer vous-même l'identifiant de l'élément DIV. Si vous souhaitez modifier l'ID, n'oubliez pas de l'ajuster à la fois dans l'élément DIV et dans le paramètre 'element'. N’oubliez d’ajouter un # dans le paramètre.
- locale : Ce paramètre détermine la langue du contenu non généré par vos clients et le format de la date. La langue française et le format habituel en France (p. ex. 22.01.2020) sont préréglés. La valeur pour locale doit être au format language_LAND. Les appellations suivent les codes ISO-639 et ISO-3166. Par exemple : la valeur appropriée pour l'anglais britannique serait en_GB.
Vous avez maintenant préparé le code JavaScript du review sticker.
Étape 2 : Positionner le review sticker dans votre boutique
Afin d'intégrer le review sticker dans votre boutique en ligne, vous devez copier l'intégralité du code JavaScript, y compris l'élément DIV de la première ligne de code, et le coller dans votre boutique à l'endroit où la vignette doit apparaître.
Vous avez maintenant intégré le review sticker dans votre boutique.