Rozwiązywanie problemów z formularzami rejestracyjnymi

Jeśli formularz rejestracyjny jest opublikowany w Klaviyo, ale się nie wyświetla:

• Sprawdź, czy formularz jest aktywny. Na karcie formularza rejestracyjnego powinna widnieć wartość "Aktywny" z zieloną strzałką w kolumnie Status dla formularza.
  • Jak wspomniano powyżej, formularze rejestracyjne Klaviyo nie będą wyświetlać się w przeglądarce Internet Explorer.
• Sprawdź, czy wykonano wszystkie czynności, aby zainstalować i włączyć wycinek kodu źródłowego Klaviyo.js na stronie (znany również jako śledzenie „aktywni na stronie”).
• Jeśli używasz osadzonego formularza, sprawdź, czy masz zainstalowany prawidłowy kod osadzania w kodzie witryny dokładnie tak, jak wygląda w modelu instalacji.
• Sprawdź sekcję Targeting & Behaviors w edytorze formularza rejestracyjnego:
  • W sekcji Targetingupewnij się, że formularz jest skonfigurowany do wyświetlania pod adresem URL, który przeglądasz, lub że używasz unikalnego adresu e-mail (zgodnie ze wskazówką dotyczącą testowania powyżej).
  • W sekcji Display Timing upewnij się, że ustawienia czasu wyświetlania nie są zbyt restrykcyjne. Jeśli formularz jest ustawiony na Show based on rules, wszystkie kryteria muszą być spełnione, aby formularz się wyświetlił. Na przykład jeśli jednocześnie wybrano opcje „Show when the visitor is exiting the page” i „Show after scrolling 60% of the page”, odwiedzający musi przewinąć 60% strony i wykazać zamiar opuszczenia, aby formularz się wyświetlił.
• Ponownie uruchom test w nowym oknie przeglądarki w trybie incognito/prywatnym. Możliwe, że okno pop-up zostało już zamknięte, dlatego nie wyświetla się ponownie. Stosujemy plik cookie w przeglądarce przez 1 rok, więc gdy ktoś zamknie okno pop-up, nie zobaczy tego samego okna pop-up ponownie przez kolejny rok (chyba że wyczyści pliki cookie).
• Jeśli używasz formularza osadzonego, potwierdź, że kod osadzenia formularza został dodany dokładnie tak, jak widnieje w oknie modalnym instalacji, oraz że został wklejony poprawnie w kodzie witryny.
• Upewnij się, że z Twoją stroną zintegrowano tylko jedno konto Klaviyo. Jeśli masz wiele kont Klaviyo dla 1 sklepu, odznacz opcję Automatycznie dodawaj onsite javascript Klaviyo we wszystkich kontach poza 1. Jeśli ręcznie zainstalowano plik .js Klaviyo, upewnij się, że zainstalowano tylko fragment kodu z 1 konta.
• Jeśli chodzi o sklepy Shopify: zgodnie z ustawieniami prywatności klienta w Shopify Klaviyo może nie śledzić zdarzeń na stronie (a więc nie będzie stosować określonych typów targetowania formularzy) w przypadku osób odwiedzających sklep Shopify w UE, EOG, Wielkiej Brytanii i Szwajcarii, chyba że wyraziły one na to zgodę.
• Ogólnie rzecz biorąc, jeśli odwiedzający nie wyraził takiej zgody, a w innej sytuacji zgodnie z wymogami targetowania zostałby uwzględniony w działaniu, nie zobaczy formularza, ponieważ nie zostanie zidentyfikowany. Targetowanie w przypadku tych odwiedzających będzie działać w następujący sposób:
• • Jeżeli wybierzesz opcję „Nie pokazuj istniejącym profilom Klaviyo”, odwiedzający nadal będzie widział formularz, ponieważ nie zostanie zidentyfikowany jako istniejący profil.
  • Jeśli wybierzesz opcję „Kieruj do odwiedzających z listy lub segmentu”, osoba odwiedzająca nie zobaczy formularza (nawet jeśli znajduje się na liście lub w segmencie), ponieważ nie zostanie zidentyfikowana. Jeśli wybierzesz opcję „Pokazuj wszystkim odwiedzającym”, osoba ta zobaczy formularz.
  • Jeśli wybierzesz „Pokaż istniejącemu profilowi”, „Pokaż tylko subskrybentom e-maili” lub „Pokaż tylko subskrybentom SMS-ów”, odwiedzający nie zobaczy formularza, ponieważ zostanie zidentyfikowany tylko jako istniejący profil, subskrybent e-maili lub subskrybent SMS-ów.
  • Z powodu braku identyfikacji niektóre niestandardowe wyzwalacze oparte na informacjach z plików cookie i właściwościach użytkownika nie będą działały.
  • Targetowanie według lokalizacji pozostanie niezmienione.
  • Targetowanie pod określony typ urządzenia (komputery, mobilne) pozostanie niezmienione.

Jeśli formularz nie wysyła się po kliknięciu przycisku Prześlij:

• Sprawdź, czy lista, do której jest podłączony formularz, nie została usunięta.
• Sprawdź, czy przycisk jest przyciskiem Prześlij, a nie przyciskiem Zamknij. Kliknij przycisk w podglądzie edytora formularza, aby to sprawdzić.
• Sprawdź skrzynkę odbiorczą, aby znaleźć e-mail z potwierdzeniem. Jeśli Twoja lista jest ustawiona na podwójną zgodę opt-in, nie zostaniesz do niej dodany(-a) do momentu potwierdzenia subskrypcji.

Formularze rejestracyjne Klaviyo powinny wyświetlać się w witrynie tak, jak zostały zaprojektowane w edytorze formularzy Klaviyo. Jeśli wygląda inaczej, CSS witryny zastępuje styl formularza. Aby to rozwiązać:

• Poszukaj znaczników !important w swoim CSS i usuń je, jeśli to możliwe.
• Twoja programistka lub programista może też użyć narzędzi dla deweloperów w przeglądarce, aby sprawdzić kod witryny i zidentyfikować problematyczny CSS. Jeśli nadal masz problemy, znajdź pomoc tutaj.

Pamiętaj, że wszystkie formularze Klaviyo, które zbierają zgodę na e-mail lub SMS, albo zawierają kupon, mają domyślnie włączone zabezpieczenia przed botami. Jeśli Klaviyo wykryje z danego adresu IP podejrzane zachowanie lub wcześniejszą aktywność bota, odwiedzający witrynę zostanie poproszony o rozwiązanie zadania CAPTCHA przed przesłaniem formularza.

Jeśli ludzie wypełniają formularz, ale nie widzisz, aby byli dodawani do listy, z którą formularz jest połączony:

• Kliknij przycisk w podglądzie edytora formularzy i upewnij się, że wybrano listę do przesłania.
• Sprawdź ustawienia zgody opt-in listy. Jeśli lista jest ustawiona na podwójną zgodę opt-in (zalecane), brakujący subskrybenci prawdopodobnie nie ukończyli kroku potwierdzenia.

Jeśli liczba przesłań formularza nie jest zgodna z liczbą osób na liście:

• Subskrybenci mogli nie ukończyć kroku potwierdzenia (jeśli lista jest ustawiona na podwójną zgodę opt-in).
• Może to także odzwierciedlać zduplikowane wpisy. Jeśli subskrybent wielokrotnie wypełni formularz, każdy wpis będzie liczony jako jedno „przesłanie” w analityce formularza, ale na liście pojawi się tylko 1 raz.
• Możliwe też, że część przesłanych zgłoszeń pochodziła od botów lub osób przeprowadzających list bombing. Klaviyo ma wdrożone zabezpieczenia przed list bombing, aby chronić przed tego typu cyberatakami.

Możesz otrzymać komunikat o błędzie „Unable to detect that formularze rejestracyjne are successfully installed on your site. Please view the installation documentation.”, mimo że prawidłowo dodano fragment instalacyjny do witryny (lub korzystasz z gotowej integracje, która robi to automatycznie). Może to się pojawić, jeśli korzystasz z platformy do zarządzania znacznikami (np. Google Tag Manager) lub inną metodę dostarczenia znacznika do witryny podczas ładowania strony.

Ta wiadomość nie uniemożliwi opublikowania formularza, więc jeśli fragment kodu jest poprawnie zainstalowany w witrynie, możesz bez obaw ją zignorować. Jeśli nadal masz z tym problem, skontaktuj się z nami.

Pamiętaj, że JAWS, program czytnika ekranu dla systemu Microsoft Windows, może nie wykrywać formularzy rejestracyjnych na Twojej stronie internetowej utworzonych w Klaviyo. Aby zapewnić, że osoby odwiedzające stronę korzystające z JAWS nadal mogą korzystać z formularzy rejestracyjnych na Twojej stronie internetowej, sugerujemy dodanie do strony dodatkowego fragmentu kodu, który uczyni ją bardziej dostępną dla JAWS.

Skopiuj poniższy wycinek kodu źródłowego i wklej go do głównego pliku motywu witryny, aby JAWS wykrył i odczytał formularze rejestracyjne 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');