Introduction
Pour une installation multilingue, un ajustement supplémentaire est requis au script d'installation. Ce guide vous indiquera comment remplacer le scrit de base par un script personnalisé.
Note : L'interface du Chatbot IA existe seulement en français et en anglais pour le moment. Le Chatbot IA répond toutefois à vos visiteurs dans la langue qu'ils utilisent.
Prérequis
Pour que ce script fonctionne correctement, votre site multilingue doit posséder la propriété lang sur la balise html de votre site dans chacune des langues :
Pour vérifier ceci, n'importe où sur une page de votre site Web: Clique droit > Inspecter
Reperez la balise html tout au haut de l'onglet Éléments et vérifiez si l'attribut lang est présent.
Installation du script
Pour afficher l'interface du Chatbot IA dans la langue de chaque page, remplacez le script d'installation de base par le script suivant :
<script async>
(function() {
// Get language
const getDataLang = (lang) => lang.toLowerCase().startsWith('en') ? 'en' : 'fr';
const htmlLang = document.documentElement.lang || 'fr';
const dataLang = getDataLang(htmlLang);
// Create and configure the script element
const script = document.createElement('script');
script.async = true;
script.src = "https://d1haj5zknoayto.cloudfront.net/loader.js";
script.setAttribute('data-token', 'INSEREZ_VOTRE_DATA_TOKEN_ICI');
script.setAttribute('data-lang', dataLang);
// Append the script to the head
document.head.appendChild(script);
})();
</script>
IMPORTANT - Insérez votre data-token
Il est nécessaire de remplacer votre data-token dans le script ci-dessus sur cette ligne👇
script.setAttribute('data-token', 'INSEREZ_VOTRE_DATA_TOKEN_ICI');
Votre data-token figure dans le script de base, dans Site web > Chatbot IA > Installation :
Langue par défaut
Ce script utilise le français comme langue par défaut si l'attribut lang de la balise html n'est pas détecté ou correspond à une langue non-supportée.
Si vous souhaitez changer ce comportement et définir l'anglais comme langue par défaut, utilisez le script suivant:
<script async>
(function() {
// Get language
const getDataLang = (lang) => lang.toLowerCase().startsWith('fr') ? 'fr' : 'en';
const htmlLang = document.documentElement.lang || 'en';
const dataLang = getDataLang(htmlLang);
// Create and configure the script element
const script = document.createElement('script');
script.async = true;
script.src = "https://d1haj5zknoayto.cloudfront.net/loader.js";
script.setAttribute('data-token', 'INSEREZ_VOTRE_DATA_TOKEN_ICI');
script.setAttribute('data-lang', dataLang);
// Append the script to the head
document.head.appendChild(script);
})();
</script>
N'oubliez pas d'insérez votre data-token sur la ligne:
script.setAttribute('data-token', 'INSEREZ_VOTRE_DATA_TOKEN_ICI');
Assistance et Support
Si vous rencontrez des difficultés ou avez besoin d'aide supplémentaire, contactez notre support technique pour obtenir de l'assistance.