Jak osadzić formularz rejestracyjny na stronie potwierdzenia zamówienia BigCommerce?

Czego się dowiesz

Dowiedz się, jak osadzić formularz rejestracyjny na stronie potwierdzenia BigCommerce, aby zebrać dodatkowe informacje od klienta po zakończeniu procesu płatności kasa. Ci niedawni klienci są już zainteresowani Twoją marką, więc potwierdzenie stanowi świetną okazję do dalszego angażowania ich.

Kilka słów na początek

Upewnij się, że zintegrowałeś się z BigCommerce i zaznaczyłeś ustawienie Automatycznie dodawaj Klaviyo onsite JavaScript.

Stwórz swój formularz

Możesz utworzyć formularz rejestracyjny i osadzić go na swojej stronie potwierdzenia, aby zadać odpowiednie pytania klientowi po tym, jak strona płatności kasa. Możesz na przykład zadawać pytania, aby dowiedzieć się więcej o tym, jak często klient korzysta z Twoich produktów lub jakie potencjalne nowe produkty może być zainteresowany zakupem.

Aby zbudować swój formularz rejestracyjny:

1. W Klaviyo, przejdź do formularza rejestracyjnego > Utwórz formularz rejestracyjny > Zbuduj od podstaw.
2. W wyświetlonym menu nadaj nazwę swojemu formularzowi i wybierz listę, na którą ma zostać przesłany nowy subskrybent. 
3. Wybierz opcję Osadź jako typ formularza.
   
4. Kliknij przycisk Zapisz i zaprojektuj. 
5. Spowoduje to przejście do edytora formularzy, w którym możesz edytować następujące style:
   • Style: Edytuj wygląd formularza, aby dopasować go do swojej marki, np. style formularza lub słupa wejściowego i rodzaj czcionki. Możesz także edytować dowolny tekst, klikając go i zastępując domyślny język własnym. 
   • Dodaj blok: Tutaj możesz dodać zawartość do formularza w celu zebrania informacji, takich jak pole tekstowe na pytanie lub pole daty na urodziny. Upewnij się, że ustawiasz właściwości profilu przy każdym dodawanym polu i nie przytłaczasz klienta zbyt wieloma pytaniami.
   • Kierowanie i zachowanie: Wybierz, czy formularz ma być wyświetlany na komputerach stacjonarnych, urządzeniach mobilnych, czy na obu urządzeniach. Ustaw swój formularz na Pokaż wszystkim odwiedzającym lub Nie pokazuj istniejącemu profilowi Klaviyo.  
6. Na pasku menu wybierz opcję Sukces, aby edytować stronę wyświetlaną po przesłaniu formularza.
7. Gdy będziesz zadowolony z wyglądu formularza, kliknij przycisk Opublikuj.
8. W wyświetlonym oknie modalnym skopiuj kod osadzania, aby mieć go gotowego do wklejenia. 
   
9. Kliknij przycisk Opublikuj.

Twój formularz nie pojawi się w witrynie, dopóki nie wkleisz kodu osadzania w kodzie witryny.

Zweryfikuj ustawienia opt-in dla tej listy, aby zapewnić bezproblemową obsługę klienta. Jeśli lista jest podwójną zgodą opt-in, będziesz chciał edytować strony potwierdzenia. Wszystkie Klaviyo listy są domyślnie ustawione na podwójną zgodę opt-in.

Dodaj osadzenie do swojej witryny BigCommerce

1. Przejdź do panelu administracyjnego BigCommerce.
2. Przejdź do Storefront > Script zarządca i kliknij Create a Script .
3. Nazwij skrypt i skonfiguruj go w następujący sposób:
   • Lokalizacja: Głowa
   • Opis (opcjonalnie): Opisz cel skryptu
   • Strony, na których skrypt zostanie dodany: Potwierdzenie zamówienia
   • Typ skryptu: Skrypt
     
4. Usuń zawartość skryptu i zamiast tego wklej następujący kod, aby dodać Klaviyo.js do strony potwierdzenia. Pamiętaj, że musisz to zrobić, nawet jeśli wcześniej zainstalowałeś Klaviyo.js na swojej 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>

5. W powyższym fragmencie zastąp PUBLIC_API_KEY publicznym kluczem twojej API witryny.
6. W powyższym fragmencie zastąp FORM_ID identyfikatorem formularza. Aby znaleźć identyfikator formularza, przejdź do osadzonego formularza na koncie Klaviyo. Identyfikator formularza to 6-literowy kod na końcu adresu URL.
   
7. Po wprowadzeniu wszystkich szczegółów skryptu kliknij przycisk Zapisz.

Twój formularz osadzania będzie teraz wyświetlany na dole strony po złożeniu zamówienia. W zależności od motywu możesz edytować obramowanie, wypełnienie lub rozmiar formularza w sekcjiStyle, aby upewnić się, że pasuje on do wyglądu i stylu strony potwierdzenia zamówienia; opublikuj wszelkie wprowadzone zmiany, aby zobaczyć ich odzwierciedlenie.

Kolejne kroki

Gdy zaczniesz zbierać odpowiedzi za pomocą wbudowanego formularza, każde zgłoszenie zostanie zapisane w profilu klienta jako właściwość niestandardowa, dostępna do wykorzystania w segmentach, sekwencjach i szablonach e-mailowych.

Na podstawie odpowiedzi możesz rozgałęzić sekwencję pozakupową. Możesz także rozgałęzić swoją sekwencję powitalną w oparciu o te dane lub utworzyć odpowiedni segment, do którego będziesz wysyłać kampanie. Załóżmy na przykład, że decydujemy się na wypuszczenie nowego tuszu do rzęs. Ponieważ zbieramy dane dotyczące zainteresowania produktem w tym wbudowanym formularzu, możemy powiadomić każdego, kto powiedział nam, że jest zainteresowany tuszem do rzęs w wydaniu produktu.

Dodatkowe źródła

• Pierwsze kroki z formularzami rejestracyjnymi
• Jak osadzić formularz rejestracyjny w witrynie