Solucionar problemas con los formularios de registro

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

• Comprueba que tu formulario está activo. En la pestaña Formularios de registro, deberías ver «Activo» con una flecha verde en la columna Estado de tu formulario.
  • Como se ha mencionado anteriormente, los formularios de registro de Klaviyo no aparecerán en Internet Explorer.
• Verifica que has seguido todas las instrucciones para instalar y habilitar el fragmento de código onsite de Klaviyo.js (también conocido como seguimiento «Active on Site»).
• Si estás usando un formulario integrado, verifica que tienes instalado el código de integración correcto en el código de tu sitio exactamente como aparece en el modelo de instalación.
• Revisa la sección Segmentación y comportamiento 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 email única (como se describe en el consejo de prueba anterior).
  • En Momento de visualización, asegúrate de que los ajustes del momento de visualización no sean demasiado restrictivos. Si el formulario está configurado en Mostrar según reglas, deben cumplirse todos los criterios para que se muestre el formulario. Por ejemplo, si se seleccionan tanto «Mostrar cuando el visitante está saliendo de la página» como «Mostrar después de desplazarse un 60 % de la página», el visitante debe desplazarse por el 60 % de la página y mostrar intención de salida para que aparezca el formulario.
• Repite la prueba en una nueva ventana en modo incógnito/privado. Es posible que ya hayas cerrado la ventana emergente, por eso no se vuelve a mostrar. Asignamos cookies a los navegadores durante 1 año, así que, cuando alguien cierra una ventana emergente, no volverá a ver la misma ventana emergente hasta pasado otro año (a menos que borre sus cookies).
• Si estás usando un formulario insertado, confirma que el código de inserción del formulario se ha añadido exactamente tal y como aparece en el modal de instalación, y que se ha pegado correctamente en el código de tu sitio.
• Comprueba que solo haya una cuenta de Klaviyo integrada en el sitio web. Si tienes varias cuentas de Klaviyo para 1 tienda, desmarca la opción Añadir automáticamente el javascript en el sitio de Klaviyo en todas menos en 1 cuenta. Si has instalado manualmente el archivo .js de Klaviyo, asegúrate de que solo has instalado el fragmento de código de 1 cuenta.
• En el caso de las tiendas de Shopify: en función de la configuración de privacidad de los clientes en Shopify, puede que Klaviyo no pueda hacer un seguimiento de eventos en el sitio web (y, por lo tanto, no pueda aplicar ciertos tipos de segmentación de formularios) de los visitantes de tu tienda de Shopify que se encuentren en la UE, el EEE, el Reino Unido y Suiza, a menos que hayan dado su consentimiento.
• Por lo general, si un visitante cumple con los requisitos de segmentación pero no ha dado su consentimiento para recibir tu formulario, no lo verá porque no se lo podrá identificar. La segmentación en estos casos se aplicará del siguiente modo:
• • Si seleccionas «No mostrar a perfiles existentes de Klaviyo», los visitantes podrán ver el formulario porque no se les identificará como perfiles existentes.
  • Si seleccionas «Dirigirse a los visitantes de una lista o segmento», los visitantes no verán el formulario (aunque estén en la lista o segmento) porque no estarán identificados. Si seleccionas «Mostrar a todos los visitantes», los visitantes verán el formulario.
  • Si seleccionas "Show to existing profile," "Show to email subscribers only," o "Show to SMS subscribers only," el visitante no verá el formulario porque solo se le identificará como un perfil existente, un suscriptor de email o un suscriptor de SMS.
  • Algunos activadores personalizados basados en información de cookies y propiedades de usuario 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 (de escritorio o móviles) no se verá afectada.

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

• Comprueba que la lista a la que está conectado el formulario no se ha eliminado.
• Verifica que el botón sea un botón Enviar, no un botón Cerrar. Haz clic en el botón de la vista previa del editor de formularios para verlo.
• Revisa tu bandeja de entrada para ver el email de confirmación. Si tu lista está configurada con doble confirmación de registro, no se te añadirá hasta que confirmes tu suscripción.

Los formularios de registro de Klaviyo deben mostrarse en tu sitio web tal y como se han diseñado en el editor de formularios de Klaviyo. Si se ve diferente, el CSS de tu sitio está anulando el estilo del formulario. Para solucionar este problema:

• Busca etiquetas !important en tu CSS y elimínalas si es posible.
• Los desarrolladores también pueden usar las herramientas de desarrollo de tu navegador para inspeccionar el código del sitio web e identificar el CSS problemático. Si sigues teniendo problemas, encuentra ayuda aquí.

Ten en cuenta que todos los formularios de Klaviyo que recopilan consentimiento para email, consentimiento para SMS o incluyen un cupón cuentan con protecciones contra bots de forma predeterminada. Si Klaviyo detecta un comportamiento sospechoso o actividad previa de bots por parte de la dirección IP de un visitante del sitio, se le pide que resuelva un CAPTCHA antes de enviar el formulario.

Si hay gente que está rellenando tu formulario, pero no ves que se añada a la lista a la que está conectado tu formulario:

• Haz clic en el botón en la vista previa del editor de formularios y asegúrate de que has seleccionado una lista para enviar.
• Comprueba la configuración de suscripción de tu lista. Si la lista está configurada con doble confirmación de registro (recomendado), entonces es probable que los suscriptores que faltan no completaran el paso de confirmación.

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

• Es posible que los suscriptores no hayan completado el paso de confirmación (si tu lista está configurada para la doble confirmación de registro).
• También podría reflejar entradas duplicadas. Si un suscriptor rellena un formulario repetidamente, cada entrada contará como un «envío» en el análisis de formularios, pero solo aparecerá en tu lista 1 vez.
• También es posible que algunos envíos provinieran de bots o de atacantes que realizan 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 que los formularios de registro se han instalado correctamente en tu sitio. Consulta la documentación de instalación.", pero has añadido correctamente el fragmento de instalación a tu sitio web (o estás usando una de las integraciones preconfiguradas que lo hace automáticamente). Esto puede aparecer si usas una plataforma de gestión de etiquetas (p. ej., Google Tag Manager) o algún otro método para entregar la etiqueta a tu sitio web cuando se carga la página.

Este mensaje no impedirá que publiques un formulario, así que, si el fragmento está instalado correctamente en el sitio web, no debería haber problema en ignorarlo. 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 Microsoft Windows, no detecte los formularios de registro de tu sitio web que se hayan creado en Klaviyo. Para asegurarte de que los visitantes del sitio que usan JAWS puedan seguir interactuando con los formularios de registro en tu sitio web, te sugerimos añadir un fragmento de código adicional a tu sitio que lo haga más accesible para JAWS.

Copia el siguiente fragmento de código y pégalo en el archivo principal del tema 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');