Résolution de problèmes liés aux formulaires d’inscription

Si votre formulaire est publié dans Klaviyo, mais ne s’affiche pas :

• Vérifiez que votre formulaire est en ligne. Dans l’onglet Formulaires d’inscription, vous devriez voir « Live» avec une flèche verte sous la colonne Status pour votre formulaire.
  • Comme indiqué ci-dessus, les formulaires d’inscription Klaviyo ne s’afficheront pas sur Internet Explorer.
• Vérifiez que vous avez suivi toutes les instructions pour installer et activer l’extrait de code Klaviyo.js sur site (également appelé tracking « Active on Site »).
• Si vous utilisez un formulaire intégré, vérifiez que vous avez le bon code d’intégration installé dans le code de votre site exactement comme il apparaît dans le modèle d’installation.
• Consultez la section Ciblage et comportements dans l’éditeur de formulaire d’inscription :
  • Sous Ciblage, assurez-vous que le formulaire est configuré pour s’afficher sur l’URL que vous consultez, ou que vous utilisez une adresse e-mail unique (comme décrit dans le conseil de test ci-dessus).
  • Sous Moment d’affichage, assurez-vous que les paramètres de moment d’affichage ne sont pas trop restrictifs. Si le formulaire est défini sur Afficher en fonction de règles, tous les critères doivent être remplis pour que le formulaire s’affiche. Par exemple, si « Afficher lorsque le visiteur quitte la page » et « Afficher après avoir fait défiler 60 % de la page » sont tous deux sélectionnés, un visiteur doit faire défiler 60 % de la page et manifester une intention de sortie pour que le formulaire s’affiche.
• Relancez le test dans une nouvelle fenêtre de navigation privée. Vous avez peut-être déjà fermé la fenêtre pop-up, c’est pourquoi elle ne s’affiche pas à nouveau. Nous plaçons un cookie sur les navigateurs pendant 1 an. Ainsi, dès qu’une personne ferme une fenêtre pop-up, elle ne verra pas la même fenêtre pop-up pendant un an (sauf si elle efface ses cookies).
• Si vous utilisez un formulaire intégré, confirmez que le code d’intégration du formulaire a été ajouté exactement tel qu’il apparaît dans la fenêtre modale d’installation et qu’il est collé correctement dans le code de votre site.
• Confirmez que 1 seul compte Klaviyo est intégré à votre site. Si vous avez plusieurs comptes Klaviyo pour une boutique, décochez l’option Ajouter automatiquement le javascript onsite Klaviyo dans tous les comptes sauf 1. Si vous avez installé manuellement le fichier .js de Klaviyo, assurez-vous de n’avoir installé l’extrait que depuis 1 compte.
• Pour les points de vente Shopify : en fonction de vos paramètres de confidentialité client dans Shopify, Klaviyo ne peut pas suivre les événements sur site (et, par conséquent, ne pas appliquer certains types de ciblage de formulaire) pour les visiteurs de votre point de vente Shopify situés dans l’UE, dans l’EEE, au Royaume-Uni et en Suisse, à moins qu’ils n’aient donné leur consentement.
• Globalement, si un visiteur n’a pas donné son consentement explicite alors qu’il correspond aux critères de ciblage, il ne verra pas le formulaire, car il ne sera pas identifié. Le ciblage de ces visiteurs s’applique comme suit :
• • Si vous activez l’option « Ne pas montrer aux profils existants dans Klaviyo », le visiteur verra quand même le formulaire, car il ne sera pas identifié comme un profil existant.
  • Si vous activez l’option « Cibler les visiteurs dans une liste ou un segment », le visiteur ne verra pas le formulaire (même s’il fait partie de la liste ou du segment ciblé), car il ne sera pas identifié. Si vous activez l’option « Afficher à tous les visiteurs », tous les visiteurs verront le formulaire.
  • Si vous sélectionnez « Montrer au profil existant », « Afficher uniquement pour les abonnés aux e-mails » ou « Afficher uniquement pour les abonnés aux SMS », le visiteur ne verra pas le formulaire, car il ne sera identifié que comme un profil existant ou comme un abonné aux e-mails ou aux SMS.
  • Certains déclencheurs personnalisés basés sur les cookies et les propriétés propres à chaque utilisateur ne seront pas enclenchés, car les utilisateurs ne seront pas identifiés.
  • Le ciblage basé sur la localisation n’est pas concerné par ces limitations.
  • Le ciblage basé sur le type d’appareil utilisé pour afficher le formulaire (ordinateur ou mobile) n’est pas concerné par ces limitations.

Si votre formulaire n’est pas envoyé lorsque vous cliquez sur le bouton Envoyer :

• Vérifiez que la liste à laquelle le formulaire est connecté n’a pas été supprimée.
• Vérifiez que le bouton est un bouton Envoyer, et non un bouton Fermer. Cliquez sur le bouton dans l’aperçu de l’éditeur de formulaires pour voir ceci.
• Vérifiez votre boîte de réception pour obtenir un e-mail de confirmation. Si votre liste est configurée en double opt-in, vous n’y serez ajouté qu’après avoir confirmé votre abonnement.

Les formulaires d’inscription Klaviyo doivent s’afficher sur votre site web tels qu’ils ont été conçus dans l’éditeur de formulaires Klaviyo. Si l’affichage est différent, c’est que le CSS de votre site remplace le style du formulaire. Pour résoudre ce problème :

• Recherchez les tags !important dans votre CSS et supprimez-les si possible.
• Votre développeur peut également utiliser les outils de développement de votre navigateur pour inspecter le code du site et identifier le CSS problématique. Si vous rencontrez toujours des difficultés, trouvez de l’aide ici.

Gardez à l’esprit que tous les formulaires Klaviyo qui collectent le consentement aux e-mails, aux SMS ou qui proposent un code de réduction disposent par défaut de protections contre les robots. Si Klaviyo détecte un comportement suspect ou une activité antérieure d’un robot sur l’adresse IP d’un visiteur du site, celui-ci sera invité à résoudre un CAPTCHA avant d’envoyer le formulaire.

Si des personnes remplissent votre formulaire, mais que vous ne les voyez pas être ajoutées à la liste à laquelle votre formulaire est connecté :

• Cliquez sur le bouton dans l’aperçu de l’éditeur de formulaire et assurez-vous d’avoir sélectionné une liste à envoyer.
• Vérifiez les paramètres de consentement de votre liste. Si la liste est configurée en double opt-in (recommandé), les abonnés manquants n’ont probablement pas effectué l’étape de confirmation.

Si le nombre d’envois de formulaires ne correspond pas au nombre de personnes dans votre liste :

• Il se peut que les abonnés n’aient pas terminé l’étape de confirmation (si votre liste est configurée en double opt-in).
• Cela peut également refléter des entrées en double. Si un abonné remplit un formulaire de façon répétée, chaque entrée sera comptabilisée comme une « soumission » dans vos analyses de formulaire, mais la personne n’apparaîtra qu’une seule fois dans votre liste.
• Il est également possible que certaines soumissions proviennent de bots ou de personnes qui bombardent les listes. Klaviyo met en place des protections contre le list bombing pour vous protéger de ces cyberattaques.

Vous pouvez recevoir le message d’erreur "Impossible de détecter si des formulaires d’inscription sont correctement installés sur votre site. Veuillez consulter la documentation d’installation.", mais vous avez bien ajouté l’extrait d’installation à votre site web (ou vous utilisez une intégration prédéfinie qui le fait automatiquement). Cela peut s’afficher si vous utilisez une plateforme de gestion de tags (p. ex. Google Tag Manager) ou une autre méthode pour fournir l’extrait de code à votre site web au chargement de la page.

Ce message ne vous empêchera pas de publier un formulaire, donc si l’extrait est correctement installé sur le site web, vous pouvez l’ignorer sans problème. Si les problèmes persistent, veuillez nous contacter.

Veuillez noter que JAWS, un programme de lecteur d’écran pour ordinateur sous Microsoft Windows, ne détecte peut-être pas les formulaire d’inscription sur votre site web qui ont été créés dans Klaviyo. Pour vous assurer que les visiteurs de votre site qui utilisent JAWS puissent toujours interagir avec les formulaire d’inscription sur votre site web, nous vous suggérons d’ajouter à votre site un extrait de code supplémentaire qui le rend plus accessible à JAWS.

Copiez l’extrait de code suivant et collez-le dans le fichier principal du thème de votre site afin que JAWS détecte et lise vos formulaires d’inscription 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');