Osadzanie formularza rejestracyjnego na stronie potwierdzenia zamówienia BigCommerce

Czego się dowiesz?

Dowiedz się, jak osadzić formularz rejestracyjny na stronie potwierdzenia BigCommerce, aby zbierać dodatkowe informacje od klientów po zakończeniu procesu realizacji zakupu. Ci nowi klienci są już zainteresowani marką, więc strona potwierdzenia stanowi świetną okazję do dalszego zaangażowania ich.

Kilka słów na początek

Upewnij się, że zintegrowano z BigCommerce i zaznaczono ustawienie Automatycznie dodawaj lokalny kod JavaScript Klaviyo.

Utwórz swój formularz

Możesz utworzyć formularz rejestracyjny i osadzić go na stronie potwierdzenia, aby po finalizacji zakupu zadać klientom odpowiednie pytania. Na przykład możesz zadać pytania, aby dowiedzieć się więcej o tym, jak często klient używa Twoich produktów lub jakimi potencjalnymi nowymi produktami może być zainteresowany, aby je kupić.

Aby utworzyć formularz rejestracyjny:

1. W Klaviyo przejdź do Formularz rejestracyjny > Utwórz formularz rejestracyjny > Utwórz od podstaw.
2. W wyświetlonym menu nazwij formularz i wybierz listę, do której będą trafiać nowi subskrybenci.
3. Wybierz Osadzony jako typ formularza.
   

4. Kliknij Zapisz i zaprojektuj.
5. Spowoduje to przejście do edytora formularza, w którym można edytować następujące style:
   • Style: Edytuj wygląd formularza, aby pasował do Twojej marki, np. style formularza lub pola wejściowego oraz rodzaj czcionki. Możesz też edytować dowolny tekst, klikając go i zastępując domyślny język własnym.
   • Dodawanie bloków: Tutaj możesz dodać treść do formularza, aby zbierać informacje, np. pole tekstowe na pytanie lub pole daty na urodziny. Pamiętaj, aby ustawić właściwość profilu dla każdego dodawanego pola i nie przytłaczać klientów zbyt dużą liczbą pytań.
   • Kierowanie i zachowanie: Wybierz, czy formularz ma się wyświetlać na komputerze, na urządzeniu mobilnym czy na obu. Ustaw formularz na Wyświetlaj wszystkim odwiedzającym lub Nie wyświetlaj istniejącym profilom Klaviyo.
6. Na pasku menu wybierz Sukces, aby edytować stronę wyświetlaną po przesłaniu formularza.
7. Kiedy projekt formularza będzie gotowy, kliknij Opublikuj.
8. W wyświetlonym oknie modalnym skopiuj kod osadzenia, aby był gotowy do wklejenia.
   

9. Kliknij Opublikuj.

Formularz nie pojawi się na stronie, dopóki nie wkleisz kodu osadzania w kodzie strony.

Zweryfikuj ustawienia opt-in dla tej listy, aby doświadczenie klienta było płynne. Jeśli lista ma ustawioną podwójną zgodę opt-in, warto edytować strony potwierdzenia. Wszystkie listy Klaviyo mają domyślnie ustawioną podwójną zgodę opt-in.

Dodaj osadzanie do swojej witryny BigCommerce

1. Przejdź do panelu administracyjnego BigCommerce.
2. Przejdź do Storefront > Script Manager i kliknij Utwórz skrypt.
3. Nadaj nazwę skryptowi i skonfiguruj go w następujący sposób:
   • Lokalizacja: nagłówek
   • Opis (opcjonalnie): Opisz cel skryptu
   • Strony, na których skrypt zostanie dodany: Potwierdzenie zamówienia
   • Typ skryptu: Script
     

4. Usuń zawartość skryptu i zamiast tego wklej poniższy kod, aby dodać klaviyo.js do strony potwierdzenia. Pamiętaj, że musisz to zrobić, nawet jeśli wcześniej zainstalowano klaviyo.js na stronie internetowej:
   

  <script src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js" async=""></script>
  <script>
     document.addEventListener("DOMContentLoaded", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. W powyższym fragmencie kodu zastąp PUBLIC_API_KEY publicznym kluczem API swojej witryny.
2. W powyższym fragmencie zamień FORM_ID na identyfikator formularza. Aby znaleźć identyfikator formularza, przejdź do osadzonego formularza na swoim koncie Klaviyo. Identyfikator formularza to 6-literowy kod na końcu adresu URL.
   

3. Gdy uzupełnisz wszystkie szczegóły skryptu, kliknij Zapisz.

Osadzony formularz będzie teraz wyświetlany na dole strony po tym, jak ktoś złoży zamówienie. W zależności od motywu możesz chcieć edytować obramowanie, wypełnienie lub rozmiar formularza w sekcji Style , aby mieć pewność, że pasuje do wyglądu strony potwierdzenia zamówienia; opublikuj wprowadzone zmiany, aby zobaczyć je na stronie.

Kolejne kroki

Po rozpoczęciu zbierania odpowiedzi za pomocą osadzonego formularza każda wysyłka zostanie zapisana w profilu klienta jako właściwość niestandardowa, dostępna do użycia w segmentach, sekwencjach i szablonach e-maili.

Na podstawie odpowiedzi możesz rozgałęzić sekwencję pozakupową sekwencja pozakupowa. Możesz też rozgałęzić sekwencję powitalną sekwencję powitalną na podstawie tych danych lub utworzyć odpowiednie segmenty, aby wysyłać do nich kampanie. Na przykład załóżmy, że decydujemy się wypuścić nowy tusz do rzęs. Ponieważ zbieramy dane o zainteresowaniu produktami w tym osadzonym formularzu, możemy powiadomić każdą osobę, która powiedziała, że interesuje ją tusz do rzęs, o premierze produktu.