Il est possible de conditionner l'affichage des stories en fonction de la langue et de créer des stories différentes par langue.
⚠️ Cette manipulation nécessite l'action d'un developper ou d'avoir accès au code du site.
Comment faire ?
Il va falloir ajouter un bout de code CSS pour conditionner l'affichage du widget par langue.
⚠️ Attention
Le widget est chargé même lorsqu'il n'est pas affiché. Cela peut donc fausser le taux de visibilité dans la partie analytics du tool.
Afficher les stories sur le site FR
Voici le code CSS à ajouter sur les pages où on veut pousser des widgets :
<style>
.widget-fr {
display: none;
}
html[lang="fr"] .widget-fr {
display: block;
}
</style>
En plus, il faudra ajouter dans le code de chaque widget une class="widget-fr"
Exemple ci-dessous ⬇️
<div class="widget-fr" id="list-bubble-demo-widget-fr" style="margin: 5px 2px; min-height: 81px;" ></div> <script src="https://showcase.join-stories.com/widgets/demo-widget-fr/index.js" data-join-widget-id="list-bubble-demo-widget-fr" data-join-widget-alias="demo-widget-fr" type="text/javascript" ></script>
Afficher des stories différentes pour les autres langues
Créer un widget par langue pour chaque page où tu souhaites intégrer les stories.
Créer et ajouter le bout du code CSS de la langue correspondante sur chaque widget
⚠️ Il est préférable de ne pas aller au delà de 5 langues différentes pour ne pas avoir à intégrer trop de code sur chaque page.
Si besoin vous trouverez une documentation basée sur weglot ici, mais qui peut-être adaptée sans weglot.