Klaviyo - Integración/Configuración

En este artículo, aprenderá 2 métodos diferentes que explican cómo enviar datos lingüísticos a Klaviyo

1. A través de un formulario de registro de Klaviyo

Esta guía añadirá una propiedad extra llamada lang a cada usuario que se registre a través de un formulario de Klaviyo en su sitio web. A continuación, crea segmentos en Klaviyo para enviarles correos electrónicos en diferentes idiomas.

Primero, localice el ID HTML del formulario de registro de Klaviyo en su página (Normalmente#klaviyo-form-números). El selector para ese formulario es entonces #klaviyo-form-URs6Bv

Incluya el siguiente fragmento en su código HTML. Asegúrese de incluirlo después de Weglot y KlaviyoSuscríbase están incluidos. Asegúrese de sustituir #email_subscribe con el selector real del formulario.

Si utiliza Weglot con la aplicación de Shopify, añada también el fragmento de Weglot antes del script de Klaviyo

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

Aquí está el script para enlazar 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>

Este código obtendrá el idioma que utiliza el visitante cuando envía el formulario Klaviyo y enviará la etiqueta de idioma a su plugin Klaviyo.

Esto significa que cuando un visitante envía el formulario de su boletín Klaviyo, este visitante debe ser creado en su plugin Klaviyo con una etiqueta lang relacionada con el idioma utilizado en el sitio web cuando envió el formulario.

Tenga en cuenta que la etiqueta sólo puede añadirse a los nuevos clientes registrados y no puede aplicarse a los clientes que se registraron antes de que se integrara el script.

Si desea seguir el mismo método pero para varios formularios de Klaviyo, puede utilizar en su lugar el siguiente código. Sólo tendrá que editar el ID del formulario dentro del código (en este ejemplo, los ID son #klaviyo-form-RTbEav, #klaviyo-forma-UJyYv5y #klaviyo-form-YjxCKV):

<script>
  function identifyLanguageToKlaviyo(lang) {
    setTimeout(function () {
      const klaviyoForms = document.querySelectorAll('form[data-testid="klaviyo-form-RTbEav"], form[data-testid="klaviyo-form-UJyYv5"], form[data-testid="klaviyo-form-YjxCKV"]');
      const langAttribute = document.querySelector('html').getAttribute('lang');
      if (klaviyoForms && typeof klaviyo !== "undefined") {
        klaviyoForms.forEach(form => {
          console.log("push");
          klaviyo.push(['identify', { 'lang': langAttribute }]);
        });
      }
    }, 7000);
  }

  identifyLanguageToKlaviyo(Weglot.getCurrentLang());
  Weglot.on('languageChanged', identifyLanguageToKlaviyo);
  Weglot.on("switchersReady", identifyLanguageToKlaviyo);
</script>

2. A través del fragmento de seguimiento web de Klaviyo

• Asegúrese de que ya está utilizando Klaviyo Web Tracking Snippet en su sitio web.
• Incluya el siguiente código después del código de seguimiento web de Klaviyo y del código del conmutador 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>