Solucionar problemas con formularios de registro

Si el formulario está publicado en Klaviyo, pero no se muestra:

• Verifica que el formulario esté activo. En la pestaña de formulario de registro, deberías ver "Activo" con una flecha verde en la columna Estado del formulario.
  • Como se mencionó anteriormente, los formularios de registro de Klaviyo no aparecerán en Internet Explorer.
• Verifica que hayas seguido todas las instrucciones para instalar y habilitar el fragmento de código de Klaviyo.js en el sitio (también conocido como seguimiento "con actividad en el sitio").
• Si usas un formulario incrustado, verifica que tengas el código de inserción correcto instalado dentro del código del sitio exactamente como aparece en el modelo de instalación.
• Revisa la sección de Segmentación y comportamientos en el editor del formulario de registro:
  • En Targeting, asegúrate de que el formulario esté configurado para mostrarse en la URL que estás viendo, o de que estés usando una dirección de correo electrónico única (como se describe en el consejo de prueba anterior).
  • En Temporización de visualización, asegúrate de que la configuración de temporización de visualización no sea demasiado restrictiva. Si el formulario está configurado en Mostrar según reglas, entonces se deben cumplir todos los criterios para que el formulario aparezca. Por ejemplo, si se seleccionan "Mostrar cuando el visitante esté saliendo de la página" y "Mostrar después de desplazarse 60 % de la página", un visitante debe desplazarse por el 60 % de la página y mostrar intención de salida para que el formulario aparezca.
• Vuelve a ejecutar la prueba en una nueva ventana en modo incógnito/navegación privada. Es posible que ya hayas cerrado la ventana emergente, por eso no se vuelve a mostrar. Guardamos cookies en los navegadores durante 1 año, así que, una vez que alguien cierra una ventana emergente, no verá la misma ventana emergente de nuevo hasta dentro de otro año (a menos que borre las cookies).
• Si usas un formulario insertado, confirma que el código de inserción del formulario se haya agregado exactamente como aparece en el modal de instalación y que esté pegado correctamente en el código de tu sitio.
• Confirma que solo una cuenta de Klaviyo está integrada con tu sitio. Si tienes varias cuentas de Klaviyo para 1 tienda, desmarca la opción de Agregar automáticamente JavaScript en el sitio de Klaviyo en todas las cuentas excepto en 1. Si instalaste manualmente el archivo .js de Klaviyo, Asegúrate de haber instalado el fragmento de código desde 1 cuenta.
• Para tiendas de Shopify: De acuerdo con la configuración de privacidad del cliente en Shopify, es posible que Klaviyo no rastree eventos en el sitio (y, por lo tanto, no aplique ciertos tipos de segmentación de formularios) de visitantes de tu tienda de Shopify en la UE, EEE, Reino Unido y Suiza, a menos que hayan otorgado su consentimiento.
• En general, si un visitante no otorgó su consentimiento y de otro modo se le habría incluido conforme a los requisitos de segmentación, no verá el formulario porque no será identificado. La segmentación de estos visitantes se aplicará como sigue:
• • Si seleccionas "No mostrar a perfiles de Klaviyo existentes", el visitante sí verá el formulario, ya que no se le identificará como perfil existente.
  • Si seleccionas "Dirigirse a visitantes en una lista o segmento", el visitante no verá el formulario (aunque por lo demás esté en la lista o segmento) porque no se identificará. Si seleccionas "Mostrar a todos los visitantes", el visitante lo verá.
  • Si seleccionas "Mostrar al perfil existente", "Mostrar solo a suscriptores de correo electrónico" o "Mostrar solo a suscriptores de SMS", el visitante no verá el formulario porque solo se le identificará como un perfil existente o suscriptor de correo electrónico o SMS.
  • Algunos activadores personalizados que se basan en información de cookies y propiedades de usuarios no se activarán, debido a la falta de identificación.
  • La segmentación por ubicación no se verá afectada.
  • La segmentación por tipo de dispositivo (computadora o móvil) no se verá afectada.

Si el formulario no se envía cuando haces clic en el botón Enviar:

• Verifica que la lista a la que está conectado el formulario no se haya eliminado.
• Verifica que el botón sea un botón Enviar, no un botón Cerrar. Haz clic en el botón en la vista previa del editor de formularios para ver esto.
• Revisa tu bandeja de entrada para ver un correo electrónico de confirmación. Si la lista está configurada como doble confirmación de suscripción, no se te agregará hasta que confirmes la suscripción.

Los formularios de registro de Klaviyo deben mostrarse en tu sitio web tal como se diseñaron en el editor de formularios de Klaviyo. Si se ve diferente, el CSS del sitio está sobrescribiendo el estilo del formulario. Para solucionar esto:

• Busca etiquetas !important en tu CSS y elimínalas si es posible.
• Tu desarrollador también puede usar las herramientas de desarrollo del navegador para inspeccionar el código del sitio e identificar el CSS problemático. Si aún tienes problemas, encuentra ayuda aquí.

Ten en cuenta que todos los formularios de Klaviyo que recopilan correo electrónico, consentimiento de SMS o que incluyen un cupón cuentan con protecciones contra bots de forma predeterminada. Si Klaviyo detecta un comportamiento sospechoso o actividad de bot previa desde la dirección IP de un visitante del sitio, se le pedirá que resuelva un CAPTCHA antes de enviar el formulario.

Si las personas están llenando tu formulario, pero no ves que se agreguen a la lista a la que está conectado el formulario:

• Haz clic en el botón de la vista previa del editor de formularios y asegúrate de haber seleccionado una lista para enviar.
• Revisa la configuración de registro de la lista. Si la lista está configurada para doble confirmación de suscripción (recomendado), es probable que los suscriptores faltantes no hayan completado el paso de confirmación.

Si el número de envíos de formularios no coincide con el número de personas en tu lista:

• Es posible que los suscriptores no hayan completado el paso de confirmación (si la lista está configurada con doble confirmación de suscripción).
• También podría reflejar entradas duplicadas. Si un suscriptor llena un formulario repetidamente, cada entrada contará como un "envío" en el análisis del formulario, pero solo aparecerá en la lista 1 vez.
• También es posible que algunos envíos hayan provenido de bots o atacantes de bombardeo de listas. Klaviyo cuenta con protecciones contra el bombardeo de listas para protegerte de estos ciberataques.

Es posible que recibas el mensaje de error "No se puede detectar si los formularios de registro están instalados correctamente en tu sitio. Consulta la documentación de instalación." aunque hayas agregado correctamente el fragmento de instalación a tu sitio web (o estés usando una integración preconfigurada que lo hace automáticamente). Esto puede aparecer si usas una plataforma de gestión de etiquetas (por ejemplo, Google Tag Manager) u otro método para entregar el fragmento de código a tu sitio web cuando se cargue la página.

Este mensaje no impedirá que publiques un formulario, así que si el fragmento de código está instalado correctamente en el sitio web, puedes ignorarlo sin problema. Si sigues teniendo problemas con esto, ponte en contacto con nosotros.

Ten en cuenta que es posible que JAWS, un programa lector de pantalla para computadoras con Microsoft Windows, no esté detectando los formularios de registro de tu sitio web que se crearon en Klaviyo. Para garantizar que los visitantes del sitio que usan JAWS puedan seguir interactuando con los formularios de registro en tu sitio web, sugerimos agregar un fragmento adicional de código al sitio que lo haga más accesible para JAWS.

Copia el siguiente fragmento de código y pégalo en el archivo del tema principal de tu sitio para que JAWS detecte y lea tus formularios de registro de Klaviyo:

 {
  const ariaHiddenValue = $el ? $el.getAttribute('aria-hidden') : null;
  return ariaHiddenValue === 'true';
};

const isHTMLElement = (node) => {
  return node.nodeType === Node.ELEMENT_NODE;
};

const isModal = (node) => {
  if (node.children.length !== 1) return false;
  const modalContainer = Array.from(node.children[0].classList).some((cls) => cls.startsWith('kl-private-reset'));

  return modalContainer;
};

const getTopLevelDomElements = () => {
  const body = document.body;

  // Use the children property to get all top-level elements
  const topLevelNodes = Array.from(body.children).filter((node) => {
    if (isHTMLElement(node)) {
      const tagName = node.tagName.toLowerCase();

      console.log('isModal: ', isModal);

      // Filter out specific tags
      return (
        tagName !== 'script' &&
        tagName !== 'link' &&
        tagName !== 'iframe' &&
        tagName !== 'style' &&
        !isModal(node)
      );
    }
    return false;
  });

  return topLevelNodes;
};

const a11yHideTopLevelElements = () => {
  const $elements = getTopLevelDomElements();

  $elements.forEach(($el) => {
    if (!isAriaHiddenTrue($el)) {
      $el.setAttribute('kl-aria-hidden', 'true');
      $el.setAttribute('aria-hidden', 'true');
    }
  });
};

const a11yShowTopLevelElements = () => {
  const $elements = getTopLevelDomElements();

  $elements.forEach(($el) => {
    if ($el.hasAttribute('kl-aria-hidden')) {
      $el.removeAttribute('kl-aria-hidden');
      $el.removeAttribute('aria-hidden');