Klaviyo - Intégration / Configuration

En utilisant Weglot et Klaviyo, vous avez la possibilité d'envoyer la langue courrante à Klaviyo avec 2 méthodes différentes :

1. Via un formulaire d'inscription Klaviyo

Ce code va ajouter un attribut appelée langue à chaque utilisateur qui s'inscrit par le biais d'un formulaire Klaviyo sur votre site web. Vous créez ensuite des segments sur Klaviyo pour leur envoyer des courriels dans différentes langues.

Tout d'abord, localisez l'ID du formulaire d'inscription Klaviyo sur votre page (habituellement #klaviyo-form-numbers ). Le sélecteur pour ce formulaire est alors #klaviyo-form-URs6Bv

Ajoutez l'extrait suivant dans votre code HTML. Assurez-vous de l'inclure après le code de Weglot et KlaviyoSubscribe dans votre HTML. Assurez-vous de remplacer #email_subscribe avec le sélecteur réel dans le formulaire.

Si vous utilisez Weglot avec l'application Shopify, veuillez également ajouter le snippet Weglot avant le script Klaviyo.

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'YOUR_API_KEY'
    });
</script>

Voici le script pour lier Klaviyo :

<script>
 function identifyLanguageToKlaviyo(lang) {
      setTimeout(function(){
        const klaviyoForm = document.querySelector('form[data-testid="klaviyo-form-URs6Bv"]');
        const langAttribute = document.querySelector('html').getAttribute('lang');
        if(klaviyoForm){
          console.log("push");
            klaviyo.push(['identify', { 'lang': langAttribute }]);
        }
      }, 7000);
    }
  
  
  identifyLanguageToKlaviyo(Weglot.getCurrentLang());
  Weglot.on('languageChanged', identifyLanguageToKlaviyo)
  Weglot.on("switchersReady", identifyLanguageToKlaviyo);
</script>

Ce code récupère la langue utilisée par le visiteur lorsqu'il soumet le formulaire Klaviyo et envoie la balise de langue à votre plugin Klaviyo.

Cela signifie que lorsqu'un visiteur soumet le formulaire de votre newsletter Klaviyo, ce visiteur doit être créé dans votre plugin Klaviyo avec une balise lang liée à la langue utilisée sur le site web lorsqu'il a soumis le formulaire.

Notez que l'étiquette ne peut être ajoutée qu'aux nouveaux clients enregistrés et ne peut pas être appliquée aux clients qui se sont inscrits avant l'intégration du script.

2. Via le Web Tracking Snippet de Klaviyo

Assurez-vous que vous utilisez déjà le Klaviyo Web Tracking Snippet sur votre site web.
Ajoutez le code suivant après le code de Klaviyo et le code du sélecteur de langue de Weglot :

<script>
(function() {
  var identifyLanguageToKlaviyo = function(lang) {
    var _learnq = window._learnq || [];
    _learnq.push(['identify', {
      $lang: lang
    }]);
  }
  identifyLanguageToKlaviyo(Weglot.getCurrentLang())
  Weglot.on('languageChanged', identifyLanguageToKlaviyo)
})()
</script>