Jak dodać osadzony formularz do swojej strony Shopify

Czego się dowiesz?

Dowiedz się, jak dodać osadzony formularz Klaviyo do swojej strony Shopify. Obejmuje to utworzenie formularza w Klaviyo, a następnie dodanie jego identyfikatora formularza do bloku aplikacji Klaviyo Embedded Form w motywie Shopify, na przykład w stopce.

Kilka słów na początek

Zanim dodasz formularz osadzony do swojej witryny Shopify, musisz zintegrować się z Shopify i włączyć osadzanie aplikacji Klaviyo w swoim motywie, aby formularze rejestracyjne mogły się wyświetlać i zbierać zgłoszenia. Jeśli zmienisz opublikowany motyw, musisz włączyć osadzanie aplikacji w nowym motywie.

Aby sprawdzić, czy osadzanie aplikacji jest włączone:

1. Przejdź do strony ustawień integracji z Shopify.
2. Przewiń do sekcji Śledzenie na stronie.
   • Jeśli widzisz zielony baner z komunikatem Osadzanie aplikacji Klaviyo jest włączone w Twoim sklepie Shopify, wszystko jest gotowe. Przejdź do następnej sekcji artykułu, aby dodać osadzony formularz do swojej witryny.
     

• Aby utworzyć żółty baner z następującą wiadomością, postępuj zgodnie z poniższym przewodnikiem: Osadzanie aplikacji Klaviyo jest wyłączone. Po włączeniu wybierz opcję „Zapisz” w edytorze motywów Shopify, aby zastosować zmianę.
  
  • Zanim przejdziesz dalej do tego artykułu, zapoznaj się z naszym przewodnikiem dotyczącym włączania osadzenia aplikacji Klaviyo dla Shopify.
    

Przykład w tym artykule wykorzystuje motyw Shopify 2.0. Twój motyw może się różnić, co może wpływać na to, gdzie są dostępne bloki aplikacji. Twój motyw musi obsługiwać bloki aplikacji, aby wykonać poniższe kroki. Aby sprawdzić szczegóły dotyczące zgodności, zapoznaj się z wskazówkami Shopify dotyczącymi bloków aplikacji.

Dodawanie na stronę formularza osadzonego

Chcesz osadzić formularz na stronie z podziękowaniem lub stronie statusu zamówienia w Shopify? Shopify nie obsługuje już natywnie tej funkcji, ale możesz użyć funkcji bloku aplikacji SMS Klaviyo, aby zbierać zgodę na SMS w procesie realizacji zakupu w Shopify (tylko Shopify Plus), na stronach z podziękowaniem lub na stronach statusu zamówienia.

1. Utwórz i spersonalizuj formularz osadzony w Klaviyo. Wybierz listę, do której mają dołączyć nowi subskrybenci.
2. W edytorze formularzy wybierz Kierowanie i zachowanie > Wyświetlanie.
3. W sekcji Kod osadzenia skopiuj tylko identyfikator formularza z kodu. Na przykład w <div class="klaviyo-form-ABC123"></div> identyfikator formularza to ABC123. Użyj identyfikatora własnego formularza.
   

4. Kliknij Opublikuj lub zaplanuj, wybierz Opublikuj teraz, a następnie kliknij Opublikuj teraz, aby opublikować formularz. Rozwiąż wszystkie alerty blokujące formularz przed opublikowaniem.
5. Przejdź do pulpitu Shopify.
6. Wybierz Sklep internetowy > Motywy.
7. Kliknij Edytuj motyw obok opublikowanego motywu.
   

8. Na górnym pasku menu wybierz szablon strony, do którego chcesz dodać formularz (np. stronę główną lub stronę hasła).
   

9. W menu po lewej stronie wybierz Dodaj sekcję > Aplikacje > Klaviyo Embedded Form w jednej z poniższych lokalizacji:
   • Aby dodać formularz do stron korzystających z wybranego szablonu, zrób to w sekcji szablon. Zmiany mają zastosowanie do każdej strony korzystającej z tego szablonu. Aby ograniczyć formularz do jednej strony, utwórz osobny szablon i przypisz go do tej strony.
     

• Aby wyświetlać formularz na wszystkich stronach korzystających ze stopki Twojego motywu, zrób to w sekcji Stopka. Pamiętaj, że umieszczenie formularza osadzanego w stopce Twojej witryny to również najlepsza praktyka Klaviyo wspierająca rozbudowę listy.
  

10. Kliknij nowo utworzoną sekcję Osadzony formularz Klaviyo w menu po lewej stronie.
11. Wklej identyfikator formularza skopiowany z Klaviyo do wyznaczonego pola tekstowego.
    

12. Kliknij Zapisz, aby dodać osadzony formularz do szablonu strony. Pamiętaj, że osadzony formularz nie pojawi się w podglądzie, dopóki go nie zapiszesz.
13. Opcjonalnie: po zapisaniu możesz zmienić kolejność aplikacji Klaviyo Embedded Form, klikając ją i przeciągając w menu. Kliknij ponownie Zapisz po przeniesieniu.

Gdy wkleisz ID formularza i zapiszesz zmiany w Shopify, wróć na swoją stronę internetową i odśwież stronę. Odwiedzający, którzy spełniają kryteria targetowania formularza i ustawienia urządzeń, zobaczą go i będą mieć możliwość dołączenia do Twojej listy po jego wypełnieniu.

Jeśli nie widzisz swojego formularza, zapoznaj się z artykułem rozwiązywanie problemów z osadzonymi formularzami.

Kolejne kroki

Następnie utwórz sekwencję powitalną, aby od razu wywrzeć efekt na nowych subskrybentach.

Dodatkowe źródła