Problemen met je aanmeldingsformulieren oplossen

Als je formulier wel in Klaviyo is gepubliceerd, maar niet wordt weergegeven:

• Controleer of je formulier live staat. Op het tabblad aanmeldingsformulier zou je "Live" met een groene pijl moeten zien onder de kolom Status voor je formulier.
  • Zoals hierboven vermeld, worden Klaviyo-aanmeldingsformulieren niet weergegeven in Internet Explorer.
• Controleer of je alle instructies hebt gevolgd om het Klaviyo.js onsite-codefragment te installeren en in te schakelen (ook wel "actief on Site"-tracking genoemd).
• Als je een ingesloten formulier gebruikt, controleer dan of je de juiste insluitcode in de code van je site hebt geïnstalleerd, precies zoals deze in het installatiemodel staat.
• Bekijk de sectie Targeting & Behaviors in de editor voor het aanmeldingsformulier:
  • Controleer onder Targeting, of het formulier is geconfigureerd om op de URL te worden weergegeven die je bekijkt, of dat je een uniek e-mailadres gebruikt (zoals beschreven in de testtip hierboven).
  • Controleer onder Weergavetiming, of de instellingen voor weergavetiming niet te restrictief zijn. Als het formulier is ingesteld op Weergeven op basis van regels, dan moeten alle criteria worden gehaald om het formulier te laten verschijnen. Als bijvoorbeeld "Weergeven wanneer de bezoeker de pagina verlaat" en "Weergeven na 60% van de pagina te hebben gescrold" allebei zijn geselecteerd, moet een bezoeker 60% van de pagina scrollen en uitstapintentie tonen om het formulier te laten verschijnen.
• Voer de test opnieuw uit in incognito-/privé-browsingmodus in een nieuw venster. Misschien heb je de popup al gesloten, waardoor deze niet opnieuw wordt weergegeven. We plaatsen 1 jaar lang cookies in browsers, dus zodra iemand een popup sluit, zien ze dezelfde popup pas na een jaar weer (tenzij ze hun cookies verwijderen).
• Als je een ingesloten formulier gebruikt, controleer dan of de insluitcode van het formulier precies is toegevoegd zoals deze wordt weergegeven in het installatievenster, en of deze correct in de code van je site is geplakt.
• Controleer of slechts 1 Klaviyo-account is geïntegreerd met je site. Als je meerdere Klaviyo-accounts voor 1 winkel hebt, vink dan in alle accounts behalve 1 de optie Klaviyo onsite javascript automatisch toevoegen uit. Als je Klaviyo’s .js handmatig hebt geïnstalleerd, zorg er dan voor dat je alleen de snippet van 1 account hebt geïnstalleerd.
• Voor Shopify-webshops: op basis van je privacyinstellingen voor klanten in Shopify kan Klaviyo mogelijk geen gebeurtenissen op de website bijhouden (en dus bepaalde soorten formuliertargeting niet toepassen) voor bezoekers van je Shopify-webshop in de EU, EER, het VK en Zwitserland, tenzij zij hiervoor toestemming hebben gegeven.
• Over het algemeen, als een bezoeker geen toestemming heeft gegeven en anders zou zijn opgenomen volgens de targetingvereisten, krijgt diegene het formulier niet te zien omdat die persoon niet wordt geïdentificeerd. Targeting voor deze bezoekers wordt als volgt toegepast:
• • Als je 'Niet tonen aan bestaande Klaviyo-profielen' selecteert, krijgt de bezoeker het formulier alsnog te zien omdat diegene niet wordt geïdentificeerd als een bestaand profiel.
  • Als je 'Bezoekers in een lijst of segment targeten' selecteert, ziet de bezoeker het formulier niet (zelfs als diegene anders wel in de lijst of het segment staat), omdat diegene niet wordt geïdentificeerd. Als je 'Aan alle bezoekers tonen' selecteert, krijgt de bezoeker het te zien.
  • Als je "Tonen aan bestaand profiel," "Alleen tonen aan e-mailabonnees," of "Alleen tonen aan sms-abonnees," selecteert, ziet de bezoeker het formulier niet omdat diegene alleen wordt geïdentificeerd als een bestaand profiel, e-mailabonnee of sms-abonnee.
  • Bepaalde aangepaste triggers op basis van cookie-informatie en gebruikerseigenschappen worden niet getriggerd bij gebrek aan identificatie.
  • Targeting op locatie wordt niet beïnvloed.
  • Targeting voor weergave op apparaattype (desktop, mobiel) wordt niet beïnvloed.

Als je formulier niet wordt verzonden wanneer je op de knop Verzenden klikt:

• Controleer of de lijst waarmee het formulier is verbonden niet is verwijderd.
• Controleer of de knop een Verzenden-knop is, en geen Sluiten-knop. Klik op de knop in de voorbeeldweergave van de formuliereditor om dit te zien.
• Controleer je inbox op een bevestigingsmail. Als je lijst is ingesteld op dubbele toestemming, word je pas toegevoegd nadat je je aanmelding hebt bevestigd.

Klaviyo-aanmeldingsformulieren moeten op je website worden weergegeven zoals ze zijn ontworpen in de Klaviyo-formuliereditor. Als het er anders uitziet, overschrijft de CSS van je site de opmaak van het formulier. Zo los je dit op:

• Zoek naar !important-tag in je CSS en verwijder deze indien mogelijk.
• Je ontwikkelaar kan ook de ontwikkelaarstools van je browser gebruiken om de code van de site te inspecteren en de problematische CSS te identificeren. Als je nog steeds problemen hebt, vind je hier hulp.

Houd er rekening mee dat alle Klaviyo-formulieren die e-mail of sms-toestemming verzamelen of een coupon bevatten, standaard botbeveiliging hebben. Als Klaviyo verdacht gedrag of eerdere botactiviteit detecteert op het IP-adres van een sitebezoeker, wordt diegene gevraagd om een CAPTCHA op te lossen voordat het formulier wordt verzonden.

Als mensen je formulier invullen, maar je ziet niet dat ze worden toegevoegd aan de lijst waarmee je formulier is gekoppeld:

• Klik op de knop in de voorbeeldweergave van de formuliereditor en zorg ervoor dat je een lijst hebt geselecteerd om te verzenden.
• Controleer de toestemmingsinstellingen van je lijst. Als de lijst is ingesteld op dubbele toestemming (aanbevolen), hebben de ontbrekende abonnees de bevestigingsstap waarschijnlijk niet voltooid.

Als het aantal formulierinzendingen niet overeenkomt met het aantal mensen in je lijst:

• Abonnees hebben de bevestigingsstap mogelijk niet voltooid (als je lijst is ingesteld op dubbele toestemming).
• Het kan ook duiden op dubbele vermeldingen. Als een abonnee herhaaldelijk een formulier invult, telt elke invoer als één "inzending" in je formulieranalyses, maar ze worden maar 1 keer in je lijst weergegeven.
• Het is ook mogelijk dat sommige inzendingen afkomstig waren van bots of list bombers. Klaviyo heeft beveiliging tegen list bombing om je te beschermen tegen deze cyberaanvallen.

Je kunt de foutmelding "Kan niet detecteren of aanmeldingsformulieren succesvol op je site zijn geïnstalleerd. Bekijk de installatiedocumentatie." krijgen, maar je hebt het installatiesnippet correct aan je website toegevoegd (of je gebruikt een vooraf gebouwde integratie die dit automatisch doet). Dit kan verschijnen als je een tagbeheerplatform gebruikt (bijv. Google Tag Manager) of een andere methode om het snippet te leveren aan je website wanneer de pagina wordt geladen.

Dit bericht voorkomt niet dat je een formulier publiceert, dus als het snippet correct op de website is geïnstalleerd, kun je het gewoon negeren. Als je hier nog steeds problemen mee hebt, neem dan contact met ons op.

Let op: JAWS, een computerschermlezerprogramma voor Microsoft Windows, detecteert mogelijk geen aanmeldingsformulieren op je website die in Klaviyo zijn gemaakt. Om ervoor te zorgen dat websitebezoekers die JAWS gebruiken nog steeds met aanmeldingsformulieren op je website kunnen communiceren, raden we aan om een extra stukje code aan je site toe te voegen dat die toegankelijker maakt voor JAWS.

Kopieer het volgende codefragment en plak het in het hoofdthema-bestand van je site, zodat JAWS je Klaviyo-aanmeldingsformulieren kan detecteren en voorlezen:

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