Jak skonfigurować formularz znów dostępne

Dowiedz się, jak skonfigurować i dostosować formularz rejestracyjny „znów dostępne” dla Twojego 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, którego Twoi klienci używają, aby zapisać się na powiadomienia „znów dostępne” przez e-mail, wiadomości tekstowe i WhatsApp.

Kilka słów na początek

Formularze „znów dostępne” są dostępne tylko dla sklepów z włączonymi integracjami Shopify lub BigCommerce w Klaviyo. Jeśli używasz innej platformy, zamiast tego skorzystaj z naszego przewodnika instalacji sekwencji znów dostępne.

Zanim opublikujesz swój formularz, upewnij się, że na Twoim sklepie internetowym jest zainstalowane śledzenie onsite Klaviyo (Klaviyo.js), aby Klaviyo mogło wyświetlać przycisk i formularz.

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 stronach produktów, gdy wybrany wariant jest niedostępny, a produkt spełnia Twoje ustawienia targetowania. Możesz dostosować ten przycisk w edytorze formularza, obok samego formularza. Przycisk pojawia się i znika automatycznie w zależności od stanów magazynowych Twoich produktów.

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 dodasz pole numeru telefonu, kupujący będą mogli zapisać się na alerty o uzupełnieniu zapasów przez wiadomość tekstową, WhatsApp lub oba kanały — w zależności od tego, jakie kanały wybierzesz dla tego pola. Kupujący muszą wyrazić wyraźną zgodę na otrzymywanie wiadomości promocyjnych za pośrednictwem wybranych kanałów. Ta zgoda jest wymagana i nie może być opcjonalna, a w Twoim tekście ujawniającym muszą się znaleźć odpowiednie sformułowania.

Gdy klient prześle formularz, Klaviyo rejestruje zdarzenie Subskrybowano znów dostępne na jego profilu. Aby wysyłać powiadomienia o ponownej dostępności, skonfiguruj sekwencję znów dostępne wyzwalaną przez tę metrykę, z opóźnieniem Znów dostępne przed wiadomościami z powiadomieniem. Klienci czekają w tym opóźnieniu, aż produkt spełni Twoje ustawienia stanów magazynowych i powiadomień dotyczące znów dostępne. Ustaw wiadomości z powiadomieniami jako Aktywne, aby wysyłać je automatycznie.

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.

Rozwiń sekcję dotyczącą platformy Twojego sklepu, aby zobaczyć, jak usunąć kod. Jeśli nie masz pewności, który skrypt lub kod usunąć, skontaktuj się ze swoim deweloperem lub zajrzyj do notatek z pierwotnej 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.
   

• Aby zacząć od pustego formularza zamiast szablonu, kliknij Utwórz pusty formularz. Jeśli pojawi się selektor kanał, wybierz Internet. Wybierz znów dostępne (tylko wyskakujące okienko) jako typ formularza.

4. Wpisz nazwę formularza i wybierz listy dla zapisów promocyjnych zbieranych przez pola adresu e-mail i numeru telefonu. W przypadku pustego formularza wybierz E-mail, wiadomość tekstową lub obie opcje i wybierz listę dla każdej wybranej opcji. Skonfigurujesz WhatsApp w polu numeru telefonu w edytorze.
5. Kliknij Utwórz formularz, jeśli wybrałeś(-aś) szablon, lub Zapisz i zaprojektuj, jeśli zacząłeś(-aś) od pustego formularza, aby otworzyć edytor.

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:
   • 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. Wybierz pierwszy krok wyrażenia zgody, np. Zgoda na e-maile, a następnie otwórz Style, aby dostosować kolory, czcionki i układ, tak aby formularz pasował do Twojej marki.

3. Przejrzyj każdy pozostały krok zapisu oraz krok Sukces, wybierając go na pasku menu. Kliknij poszczególne bloki tekstu lub pola wprowadzania, aby w razie potrzeby edytować ich treść i ustawienia.

1. Jeśli Twój formularz zawiera pole numeru telefonu, wybierz je i ustaw kanał na wiadomość tekstowa, WhatsApp lub WhatsApp i wiadomość tekstowa. Zakończ konfigurację wybranych kanałów przed opublikowaniem i sprawdź treść ujawnienia dla tych kanałów.
2. 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ć.
   

3. Gdy formularz będzie gotowy, kliknij Opublikuj lub zaplanuj, a następnie kliknij Opublikuj teraz, aby go uruchomić. Gdy formularz będzie aktywny, przycisk wyświetlania produktu pojawi się w przypadku niedostępnych w magazynie wariantów, które pasują do Twoich ustawień kierowania.
4. Po opublikowaniu potwierdź, że masz sekwencję znów dostępne do wysyłania powiadomień. Jeśli wcześniej jej nie odrzuciłeś(-aś), pojawi się monit, który pomoże Ci ją skonfigurować.

• Jeśli masz już sekwencję „znów dostępne” uruchamianą przez Subskrybowano znów dostępne, nie musisz tworzyć kolejnej. Potwierdź, że zawiera opóźnienie znów dostępne oraz że jej wiadomości powiadomień mają status Na żywo, aby wysyłały się automatycznie. Jeśli pojawi się monit, kliknij Zamknij.
• Jeśli nie masz sekwencji znów dostępne, kliknij Zamknij i utwórz sekwencję, gdy pojawi się monit, a następnie postępuj zgodnie z Jak zbudować sekwencję znów dostępne. Jeśli monit się nie pojawi, postępuj zgodnie z tym samym przewodnikiem, aby utworzyć sekwencję.

Analityka formularzy „znów dostępne”

Po opublikowaniu formularza przejdź do formularzy rejestracyjnych, otwórz menu z trzema kropkami obok formularza „znów dostępne” i wybierz Analityka.

Możesz monitorować metryki formularza „znów dostępne” na jego stronie analityki, w tym przesłania formularza „znów dostępne” oraz zgody marketingowe. Wskaźnik przesłań to liczba przesłań formularza „znów dostępne” podzielona przez liczbę wyświetleń formularza. Zgoda marketingowa jest mierzona osobno.

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: To sytuacja, w której kupujący wyrażają zgodę na otrzymywanie wiadomości promocyjnych — poprzez zaznaczenie pola wyboru zgody na marketingowe e-maile lub poprzez podanie numeru telefonu z wymaganą zgodą promocyjną na wiadomości tekstowe, WhatsApp albo na oba kanały.

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ą klasy CSS klaviyo-bis-trigger.

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

Dodaj przykładowy element w miejscu, w którym chcesz umieścić przycisk „Notify me”, lub dodaj klasę klaviyo-bis-trigger do istniejącego elementu w tym miejscu. W przypadku Zastąp przycisk „Dodaj do koszyka” Klaviyo ukrywa ten element i wyświetla w jego miejscu przycisk. W przypadku Ułożone jeden pod drugim Klaviyo wyświetla przycisk po tym elemencie. Może to pomóc w przypadku niestandardowego lub nietypowego motywu, ale nie zawsze rozwiąże problem braku przycisku. Jeśli masz problem ze skonfigurowaniem niestandardowej lokalizacji przycisku, skonsultuj się ze swoim 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