Felsökning av registreringsformulär

Om ditt formulär är publicerat i Klaviyo men inte visas:

• Verifiera att ditt formulär är igång. På fliken Registreringsformulär ska du se "Live" med en grön pil under kolumnen Status för ditt formulär.
  • Som nämnts ovan visas inte Klaviyo registreringsformulär i Internet Explorer.
• Kontrollera att du har följt alla anvisningar för att installera och aktivera Klaviyo.js-kodsnippeten på webbplatsen (även kallat spårning för "Aktiv på webbplatsen").
• Om du använder ett inbäddat formulär kontrollerar du att du har rätt inbäddningskod installerad i webbplatsens kod exakt som den visas i installationsmodellen.
• Granska avsnittet Målgruppsinriktning och beteenden i redigeraren för registreringsformulär:
  • Under Inriktningska du se till att formuläret är konfigurerat att visas på webbadressen som du tittar på, eller att du använder en unik e-postadress (som beskrivs i testtipset ovan).
  • Under Visningstidpunktser du till att inställningarna för visningstidpunkt inte är för begränsande. Om formuläret är inställt på Visa baserat på regler måste alla kriterier uppfyllas för att formuläret ska visas. Till exempel: om både ”Visa när besökaren är på väg att lämna sidan” och ”Visa efter att ha skrollat 60 % av sidan” är valda, måste en besökare skrolla igenom 60 % av sidan och visa exit-intent för att formuläret ska visas.
• Gör om testet i inkognito-/privat surfläge i ett nytt fönster. Du kanske redan har stängt popup-fönstret, vilket är anledningen till att det inte visas igen. Vi använder kakor i webbläsare i 1 år, så när någon stänger ett popup-fönster kommer de inte att se samma popup-fönster igen förrän om ett år (om de inte rensar sina kakor).
• Om du använder ett inbäddat formulär ska du bekräfta att formulärets inbäddningskod har lagts till exakt som den visas i installationsmodalen och att den är inklippt korrekt i din webbplats kod.
• Bekräfta att endast ett Klaviyo-konto är integrerat med din webbplats. Om du har flera Klaviyo-konton för 1 butik ska du avmarkera alternativet Lägg automatiskt till Klaviyo onsite javascript i alla utom 1 Konto. Om du har installerat Klaviyos .js manuellt, Se till att du bara har installerat snippet:en från 1 Konto.
• För Shopify-butiker: Beroende på dina inställningar för kundintegritet i Shopify kanske Klaviyo inte spårar händelser på webbplatsen (och därför inte tillämpar vissa typer av formulärmålgrupp) för besökare i din Shopify-butik i EU, EES, Storbritannien och Schweiz, om de inte har gett sitt samtycke.
• Sammanfattningsvis: om en besökare inte har samtyckt, och annars skulle ha inkluderats enligt målgruppskraven, kommer formuläret inte att visas eftersom besökaren inte identifieras. Målgruppsinriktning för dessa besökare tillämpas enligt följande:
• • Om du väljer "Visa inte för befintliga Klaviyo -profiler" ser ändå besökaren formuläret eftersom de inte identifieras som en befintlig profil.
  • Om du väljer ”Rikta in dig på besökare i en lista eller ett segment” ser besökaren inte formuläret (även om de annars finns med i listan eller segmentet) eftersom de inte identifieras. Om du väljer "Visa för alla besökare" ser besökaren det.
  • Om du väljer ”Visa för befintlig profil”, ”Visa endast för e-postprenumeranter” eller ”Visa endast för sms-prenumeranter” ser besökaren inte formuläret eftersom de endast identifieras som en befintlig profil, e-post- eller sms-prenumerant.
  • Vissa anpassade utlösare som baseras på information från kakor, och användaregenskaper utlöses inte på grund av bristande identifiering.
  • Målgruppsinriktning baserat på plats påverkas inte.
  • Målgruppsinriktning för att visas på enhetstyp (dator, mobil) påverkas inte.

Om ditt formulär inte skickas när du klickar på knappen Skicka:

• Verifiera att listan som formuläret är anslutet till inte har raderats.
• Verifiera att knappen är en Skicka-knapp, inte en Stäng-knapp. Klicka på knappen i förhandsvisningen i formulärredigeraren för att se detta.
• Kontrollera din inkorg efter ett bekräftelsemeddelande. Om din lista är inställd på dubbel opt-in läggs du inte till i den förrän du bekräftar din prenumeration.

Klaviyo registreringsformulär ska visas på din webbplats så som de har utformats i Klaviyo formulärredigerare. Om det ser annorlunda ut åsidosätter din webbplats CSS formens styling. Så här felsöker du:

• Leta efter !important-etiketter i din CSS och ta bort dessa om möjligt.
• Din utvecklare kan också använda webbläsarens utvecklingsverktyg för att inspektera webbplatsens kod och identifiera problematisk CSS. Om du fortfarande har problem kan du hitta hjälp här.

Tänk på att alla Klaviyo-formulär som samlar in e-post, sms-samtycke eller har en kupong inkluderad har botskydd aktiverat som standard. Om Klaviyo upptäcker misstänkt beteende eller tidigare bot-aktivitet från en webbplatsbesökares IP-adress uppmanas de att lösa en CAPTCHA innan de skickar in formuläret.

Om personer fyller i ditt formulär men du inte ser att de läggs till i listan som ditt formulär är kopplat till:

• Klicka på knappen i förhandsvisningen i formulärredigeraren och kontrollera att du har valt en lista att skicka till.
• Kontrollera din listas opt-in-inställningar. Om listan är inställd på dubbel opt-in (rekommenderas) så slutförde de prenumeranter som saknas sannolikt inte bekräftelsesteget.

Om antalet formulärinlämningar inte stämmer överens med antalet personer i din lista:

• Prenumeranter kanske inte har slutfört bekräftelsesteget (om din lista är inställd på dubbel opt-in).
• Det kan också bero på dubblettposter. Om en prenumerant fyller i ett formulär upprepade gånger räknas varje post som en ”inskickning” i din formuläranalys, men de visas bara i din lista 1 gång.
• Det är också möjligt att vissa inskickningar kom från botar eller listbombare. Klaviyo har skydd mot listbombning på plats för att skydda dig mot dessa cyberattacker.

Du kan få felmeddelandet "Det gick inte att upptäcka att registreringsformulär har installerats på din webbplats. Se installationsdokumentationen." men ändå ha lagt till installationskoden på din webbplats korrekt (eller använda en förbyggd integration som gör detta automatiskt). Det här kan visas om du använder en plattform för tagghantering (t.ex. Google Tag Manager) eller någon annan metod för att leverera koden till din webbplats när sidan läses in.

Det här meddelandet hindrar dig inte från att publicera ett formulär, så om kodavsnittet är korrekt installerat på webbplatsen kan du ignorera det. Om du fortfarande har problem med detta kan du kontakta oss.

Observera att JAWS, ett skärmläsarprogram för Microsoft Windows, kanske inte upptäcker registreringsformulär på din webbplats som skapats i Klaviyo. För att säkerställa att webbplatsbesökare som använder JAWS fortfarande kan interagera med registreringsformulär på din webbplats föreslår vi att du lägger till en extra kodsnutt på webbplatsen som gör den mer tillgänglig för JAWS.

Kopiera följande kodsnippet och klistra in den i webbplatsens huvudtemafil så att JAWS upptäcker och läser dina Klaviyo-registreringsformulär:

 {
  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');