Czego się dowiesz?

Dowiedz się, jak dodać osadzony formularz Klaviyo do swojej witryny Shopify. Obejmuje to utworzenie formularza w Klaviyo, a następnie wklejenie jego kodu osadzania do plików witryny w miejscu, w którym ma się pojawić, na przykład w stopce.

Korzystasz już z formularza rejestracyjnego Shopify? Jeśli podczas integracji wybrano synchronizację subskrybentów Shopify z Klaviyo, wszyscy nowi subskrybenci będą synchronizować się automatycznie.

Kilka słów na początek

Zanim utworzysz formularz osadzany w Klaviyo, musisz zintegrować z Shopify i włączyć funkcję formularzy rejestracyjnych (nazywaną też „śledzeniem na stronie”). W przypadku sklepów Shopify wbudowanie aplikacji musi być włączone, aby formularze rejestracyjne wyświetlały się i prawidłowo synchronizowały dane.

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.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
  • Jeśli pojawi się żółty baner z komunikatem Osadzanie aplikacji Klaviyo jest wyłączone. Aby zastosować zmiany, po włączeniu wybierz w edytorze motywów w Shopify opcję „Zapisz”.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.

Przykład w tym artykule korzysta z motywu Shopify 2.0. Twój motyw może się różnić, co może wpłynąć na nazwy niektórych plików lub lokalizacje wycinków kodu źródłowego.

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 formularz do osadzenia.
  2. W edytorze formularzy wybierz Targetowanie i zachowanie > Wyświetlanie.
  3. W sekcji Kod osadzania skopiuj identyfikator formularza z kodu, jak pokazano poniżej:
  1. Opublikuj formularz.
  2. Przejdź do pulpitu Shopify.
  3. Wybierz Sklep internetowy > Motywy.
  4. Kliknij Dostosuj.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
  1. Na górnym pasku menu wybierz szablon strony, do którego chcesz dodać formularz (np. stronę główną lub stronę hasła).
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
  1. W menu po lewej stronie w sekcji Aplikacje wybierz Dodaj sekcję > Aplikacje > Osadzony formularz Klaviyo.
    • Jeśli chcesz, aby ten formularz pojawiał się tylko na tej konkretnej stronie, zrób to w sekcji Szablon.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
  • Jeśli formularz ma się utrzymywać na każdej stronie witryny, zrób to w sekcji Stopka. Pamiętaj, że umieszczenie formularza osadzenia w stopce witryny to również najlepsza praktyka Klaviyo wspierająca rozrost list.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
  1. Kliknij nowo utworzoną sekcję Osadzony formularz Klaviyo w menu po lewej stronie.
  2. Wklej identyfikator formularza skopiowany z Klaviyo do wyznaczonego pola tekstowego.
  1. 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.
  2. Opcjonalnie: po zapisaniu możesz zmienić kolejność aplikacji Klaviyo Embedded Form, klikając ją i przeciągając w menu.

Po wklejeniu kodu osadzania i zapisaniu zmian w Shopify wróć do swojej witryny i odśwież stronę. Odwiedzający witrynę zobaczą Twój formularz i będą mieć możliwość dołączenia do Twojej listy, wypełniając go.

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

  • Jak zarządzać formularzami rejestracyjnymi

    Poznaj wskazówki dotyczące zarządzania istniejącymi formularzami rejestracyjnymi, aby mieć pewność, że są estetyczne i funkcjonalne dla klientów zainteresowanych interakcją z Twoją marką.

  • Shopify: pierwsze kroki

    Nauczysz się, jak zintegrować Klaviyo z Shopify, aby importować dane o profilach i zamówieniach klientów do Klaviyo oraz docierać do klientów za pomocą wiadomości targetowanych. Pokażemy Ci też, jak włączyć śledzenie aktywności na stronie przez Klaviyo, aktywować formularze rejestracyjne oraz w jaki sposób zsynchronizować dane Klaviyo z Shopify.

  • Formularze rejestracyjne: pierwsze kroki

    Nauczysz się, jak tworzyć i personalizować w Klaviyo formularze rejestracyjne, aby publikować je na swojej stronie i angażować kupujących, zbierać adresy e-mail i numery telefonów oraz budować długotrwałe relacje z klientami.

Czy ten artykuł był pomocny?
Ten formularz służy tylko do przesyłania opinii na temat artykułów. Dowiedz się, jak skontaktować się z zespołem ds. pomocy.

Dowiedz się od Klaviyo więcej

Społeczność
Nawiązuj kontakty z osobami na podobnych stanowiskach, partnerami oraz ekspertami i ekspertkami Klaviyo – inspirujcie się nawzajem, wymieniajcie spostrzeżeniami i pomagajcie szukać odpowiedzi na nurtujące Was pytania.
Partnerzy
Zatrudnij certyfikowanego eksperta Klaviyo, który pomoże Ci w konkretnym zadaniu lub w ciągłym zarządzaniu marketingiem.
Pomoc

Uzyskaj wsparcie za pośrednictwem konta.

E-mail do zespołu ds. pomocy (konta w bezpłatnym okresie próbnym oraz konta płatne) Całodobowa dostępność

Czat/wirtualna pomoc
Dostępność różni się w–zależności od lokalizacji i typu planu.