Jak skonfigurować formularz znów dostępne

Dowiedz się, jak skonfigurować i dostosować formularz rejestracyjny „znów dostępne” dla swojego sklepu internetowego. Korzystając z edytora formularzy Klaviyo, możesz dostosować zarówno przycisk „Powiadom mnie”, który pojawia się, gdy produkt w Twojej witrynie jest niedostępny, jak i formularz, z którego klienci korzystają, aby zapisać się na powiadomienia e-mail, wiadomości tekstowe i WhatsApp o tym, że produkt jest znów dostępny.

Kilka słów na początek

Formularze „znów dostępne” są dostępne tylko dla Shopify i BigCommerce. Jeśli korzystasz z innej platformy, zamiast tego zapoznaj się z naszym przewodnikiem instalacji sekwencji znów dostępne.

W tym artykule dowiesz się, jak:

• Usuń istniejący kod Klaviyo „znów dostępne” ze sklepu Shopify lub BigCommerce (jeśli dotyczy)
• Włącz i dostosuj przycisk „znów dostępne” oraz formularz rejestracyjny

Jak działa formularz „Znów dostępne” w Twoim sklepie

Po opublikowaniu formularza znów dostępne Klaviyo automatycznie wyświetla konfigurowalny przycisk „Powiadom mnie” na każdej stronie produktu, na której brakuje zapasów. Przycisk ten możesz dostosować w edytorze formularzy, obok samego formularza. Przycisk pojawia się i znika automatycznie w zależności od zapasów produktu.

Gdy kupujący kliknie przycisk „Powiadom mnie”, pojawi się formularz, który umożliwi mu wybranie sposobu, w jaki chce otrzymać powiadomienie, gdy produkt będzie ponownie dostępny, w zależności od tego, jak skonfigurowano formularz:

• E-mail: Jeśli dodasz pole e-mail, kupujący będą mogli wpisać swój adres e-mail, aby otrzymać powiadomienie o ponownym uzupełnieniu zapasów e-mailem. Możesz także dodać opcjonalne pole wyboru, aby kupujący mogli wyrazić zgodę na otrzymywanie promocyjnych e-maili marketingowych.
• Wiadomości tekstowe i WhatsApp: Jeśli uwzględnisz pole numeru telefonu, kupujący będą mogli wpisać swój numer telefonu, aby otrzymać alert o ponownym uzupełnieniu zapasów w wiadomości tekstowej. Aby otrzymywać te alerty tekstowe, kupujący muszą wyrazić wyraźną zgodę na otrzymywanie promocyjnych wiadomości tekstowych. Ta zgoda jest wymagana i nie może być opcjonalna, a Twoje informacje o ujawnieniu muszą być obecne.

Gdy klient prześle formularz, Klaviyo zapisze zdarzenie Subscribed to Back In Stock w jego profilu. To zdarzenie służy do uruchomienia sekwencji „znów dostępne”. Klienci, którzy dokonają subskrypcji, automatycznie wejdą do sekwencji i otrzymają powiadomienie, gdy produkt znów będzie dostępny.

Pamiętaj, że Testy A/B i nietradycyjne metody zgody opt-in na SMS i WhatsApp (np. Inteligentna zgoda opt-in i tap-to-text) nie są obsługiwane w formularzach „znów dostępne”.

Usuń istniejący wycinek kodu źródłowego znów dostępne

Jeśli wcześniej zainstalowano wycinek kodu źródłowego Klaviyo dla opcji „znów dostępne”, najpierw usuń go, aby zapobiec zduplikowanym przyciskom lub formularzom.

Kliknij jedną ze strzałek poniżej, aby rozwinąć poniższą sekcję i wyświetlić instrukcje usuwania kodu z platformy sklepu. Jeśli nie masz pewności, który skrypt lub kod usunąć, skontaktuj się z deweloperem lub odwołaj się do oryginalnych notatek z instalacji.

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "button",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>

Utwórz formularz „znów dostępne”

1. W głównej nawigacji Klaviyo wybierz kartę Formularze rejestracyjne.
2. Kliknij Utwórz formularz.
3. W pasku wyszukiwania wpisz „znów dostępne” i wybierz gotowy szablon Znów dostępne do dostosowania.
   

• Jeśli wolisz zacząć od pustego formularza, kliknij Zbuduj pusty formularz, a następnie wybierz Znów dostępne jako typ formularza.

4. Wybierz listę (listy), do której (których) chcesz zbierać zapisy na e-mail, SMS i WhatsApp.
5. Kliknij Utwórz formularz.
   

6. Wybierz krok Przycisk wyświetlania produktu na pasku menu. Pamiętaj, że ten krok zawsze musi być pierwszym krokiem formularza i nie można go usunąć.
7. W menu edycji po lewej wybierz, gdzie przycisk ma się pojawić na stronach produktu:
9. • Zastąp przycisk dodania do koszyka: Przycisk „Powiadom mnie” zastąpi przycisk „Dodaj do koszyka” w przypadku produktów, których nie ma w magazynie.
   • Stacked: przycisk "Powiadom mnie" pojawi się pod przyciskiem "Dodaj do koszyka" (gdy jest wyświetlany jako "Wyprzedane").
     

1. Użyj opcji Tekst, Styl przycisku, Obramowanie i Cień, aby zaktualizować etykietę i stylizację przycisku „Powiadom mnie”.
2. Przejdź do kroku Zgoda na e-mail i użyj menu Style, aby dostosować kolory, czcionki i układ tak, aby formularz pasował do Twojej marki.
   

3. Zastosuj styl do każdego kolejnego kroku w formularzu, np. subskrypcji SMS lub kroków Sukces, klikając każdy krok na pasku menu i powtarzając krok 9.

1. Tylko Shopify (opcjonalnie): aby kontrolować, gdzie pojawia się przycisk „Powiadom mnie”, przejdź do Targeting and behavior > Targeting i użyj znaczników Shopify, aby uwzględnić lub wykluczyć określone produkty, dla których przycisk ma się pojawiać.
   

2. Gdy formularz będzie gotowy, kliknij Opublikuj, aby go opublikować. Gdy formularz będzie aktywny, przycisk wyświetlania produktu pojawi się automatycznie, gdy produkt w Twojej witrynie będzie niedostępny.
3. Po opublikowaniu zobaczysz monit w oknie modalnym potwierdzającym publikację, aby skonfigurować sekwencję „znów dostępne”.

• Jeśli masz już skonfigurowaną sekwencję znów dostępne z metryką Subskrybować znów dostępne jako wyzwalaczem, zacznie ona automatycznie działać z Twoim nowym formularzem znów dostępne. Nie trzeba tworzyć kolejnego; kliknij Odrzuć.
• Jeśli nie, kliknij Wyjdź i utwórz sekwencję, a następnie przejdź do naszego przewodnika Jak skonfigurować sekwencję znów dostępne.

Analityka formularzy „znów dostępne”

Możesz monitorować metrykę dla formularza „znów dostępne” na jego stronie analityki, w tym Przesłania formularza znów dostępne i Zgody marketingowe. Pamiętaj, że wskaźnik przesłań jest obliczany na podstawie liczby subskrypcji „znów dostępne”, a nie zgody marketingowej.

Ta strona zawiera również wykresy danych formularza według kroku i typu zbieranych danych:

• Zaangażowanie: Odnosi się to do subskrypcji powiadomień o tym, że produkt jest znów dostępny (np. gdy kupujący zapisuje się na e-mailowe alerty o ponownej dostępności).
• Zgody marketingowe: odnosi się to do sytuacji, gdy kupujący wyraża zgodę na otrzymywanie wiadomości promocyjnych, albo zaznaczając pole zgody na marketingowe e-maile, albo podając numer telefonu, ponieważ alerty SMS zawsze wymagają promocyjnej zgody na SMS.

Rozwiązywanie problemów ze znów dostępnymi

Jeśli Twoje rozwiązanie „znów dostępne” nie działa zgodnie z oczekiwaniami, zapoznaj się z poniższymi typowymi problemami.

Przycisk „Powiadom mnie” nie pojawia się lub jest w niewłaściwym miejscu

Jeśli na stronie produktu brakuje przycisku "Powiadom mnie" lub chcesz skonfigurować go tak, aby pojawiał się w innym, niestandardowym miejscu, możesz ręcznie kontrolować jego położenie za pomocą atrybutu HTML klaviyo-bis-trigger.

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

Dodaj ten atrybut do konkretnego elementu HTML, w którym ma zostać wyrenderowany przycisk "Powiadom mnie", a Klaviyo wyświetli go w tym miejscu zamiast lokalizacji domyślnej. To rozwiązanie może być pomocne, jeśli używany jest niestandardowy motyw; jednak nie zawsze rozwiąże problem z brakującym przyciskiem. Jeśli występują problemy z konfiguracją niestandardowej lokalizacji przycisku, skonsultuj się z deweloperem.

Zgodność z ustawieniem Shopify „Kontynuuj sprzedaż mimo braku w magazynie”

Funkcja znów dostępne w Klaviyo nie działa z ustawieniem Shopify „Kontynuuj sprzedaż, gdy brak w magazynie”. Jeśli to ustawienie jest włączone, produkt zawsze wygląda na dostępny, nawet przy zerowym stanie magazynowym. W rezultacie:

• Przycisk „Powiadom mnie” i formularz znów dostępne nie będą się wyświetlać.
• Żadne e-maile „znów dostępne” nie zostaną wysłane, ponieważ Klaviyo nie może wykryć, kiedy stan magazynowy zostanie uzupełniony, aby uruchomić sekwencję.

Aby korzystać z funkcje Klaviyo Znów dostępne, upewnij się, że dla tych produktów wyłączono opcję „Kontynuuj sprzedaż, gdy brak w magazynie”.

Czy używasz motywu Retina?

Motyw Retina (opracowany przez Out of the Sandbox) zawiera formularz „Powiadom mnie” wbudowany w stronę produktu. Aby kod Klaviyo działał, należy wyłączyć domyślny przycisk motywu.

Czy używasz motywu, który ukrywa produkt, jeśli wszystkie warianty są wyprzedane?

Jeśli używany w Shopify motyw ukrywa produkt, gdy wszystkie jego warianty są wyprzedane, musisz odnaleźć ten obszar kodu w pliku product.liquid i edytować go w taki sposób, aby wyświetlały się wszystkie produkty, niezależnie od poziomu zapasów w magazynie.

Dodatkowe źródła