Jak dodać formularz osadzania do Twojej witryny Shopify
Czego się dowiesz
Dowiedz się, jak dodać formularz osadzania 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 chcesz, aby się pojawił, na przykład w stopce.
Korzystasz już z formularza rejestracyjnego Shopify? Jeśli podczas integracji wybrałeś synchronizację subskrybenta Shopify Klaviyo z, każdy nowy subskrybent zostanie zsynchronizowany automatycznie.
Zanim zaczniesz
Przed utworzeniem formularza osadzania w Klaviyo, musisz zintegrować się z Shopify i włączyć funkcjonalność formularza rejestracyjnego (zwaną również "onsite śledzenie"). W przypadku sklepu Shopify osadzenie aplikacji musi być włączone, aby formularz rejestracyjny wyświetlał i synchronizował dane poprawnie.
Aby zweryfikować, czy aplikacja jest włączona:
- Przejdź do stronyShopify ustawienia integracji.
- Przejdź do sekcji Śledzenie na miejscu.
- Jeśli zobaczysz zielony baner z informacją The Klaviyo app embed is włączać na swoim Shopify sklep, wszystko jest gotowe. Przejdź do następnej sekcji artykułu, aby dodać formularz osadzania do swojej witryny.
- Jeśli żółty baner pokazuje, że osadzanie aplikacji Klaviyo jest wyłączone. Po włączeniu wybierz opcję "Zapisz" w edytorze szablonów Shopify, aby zastosować zmianę.
- Zapoznaj się z naszym przewodnikiem na temat włączania osadzania aplikacji Klaviyo dla Shopify przed kontynuowaniem tego artykułu.
- Zapoznaj się z naszym przewodnikiem na temat włączania osadzania aplikacji Klaviyo dla Shopify przed kontynuowaniem tego artykułu.
- Jeśli zobaczysz zielony baner z informacją The Klaviyo app embed is włączać na swoim Shopify sklep, wszystko jest gotowe. Przejdź do następnej sekcji artykułu, aby dodać formularz osadzania do swojej witryny.
Przykład w tym artykule wykorzystuje szablon Shopify 2.0. Twój motyw może się różnić, co może mieć wpływ na nazwy niektórych plików lub lokalizacje wycinka kodu źródłowego.
Dodawanie osadzonego formularza do witrynyDodawanie osadzonego formularza do witryny
Chcesz osadzić formularz na stronie z podziękowaniem lub statusem zamówienia Shopify? Shopify nie pomaga już natywnie w tej funkcji, ale możesz użyć Klaviyo's SMS app blok funkcje do zbierania zgody na wysyłkę SMS na Shopify stronie płatności kasa (tylkoShopify Plus), podziękowania lub strony statusu zamówienia.
- Utwórz swój formularz osadzania.
- W edytorze formularzy wybierz opcję Targetowanie i zachowanie > Wyświetlanie.
- W sekcji Embed Code skopiuj identyfikator formularza z kodu, jak pokazano poniżej:
- Opublikuj swój formularz.
- Przejdź do pulpitu Shopify.
- Wybierz sklep internetowy > Themes.
- Kliknij przycisk Dostosuj.
- Z górnego paska menu wybierz szablon strony, na której chcesz dodać formularz (np. strona główna lub strona hasła).
- W menu po lewej stronie w sekcji Aplikacje wybierz sekcję Dodaj > Aplikacje > Klaviyo Embedded Form.
- Jeśli chcesz, aby ten formularz pojawiał się tylko na tej konkretnej stronie, zrób to w sekcji szablonu.
- Jeśli chcesz, aby formularz utrzymywał się na każdej stronie witryny, zrób to w sekcji Stopka. Pamiętaj, że umieszczenie formularza osadzania w stopce witryny jest również najlepszą praktyką Klaviyo dla rozwoju listy.
- Jeśli chcesz, aby ten formularz pojawiał się tylko na tej konkretnej stronie, zrób to w sekcji szablonu.
- Kliknij nowo utworzoną sekcję Klaviyo Embedded Form w lewym menu.
- Wklej identyfikator formularza skopiowany z Klaviyo do wyznaczonego pola tekstowego.
- Kliknij Zapisz, aby dodać formularz osadzania do szablonu strony. Pamiętaj, że formularz osadzania pojawi się w podglądzie dopiero po zapisaniu.
- Opcjonalnie: Po zapisaniu możesz zmienić kolejność aplikacji Klaviyo Embedded Form, klikając i przeciągając ją w menu.
Po wklejeniu kodu osadzania i zapisaniu zmian w Shopify, przejdź z powrotem do swojej witryny i odświeżyć stronę. Odwiedzający witrynę zobaczą Twój formularz i będą mieli możliwość dołączenia do Twojej listy poprzez jego wypełnienie.
Jeśli nie widzisz swojego formularza, zobacz rozwiązywanie problemów z osadzonymi formularzami.
Kolejne krokiKolejne kroki
Następnie stwórz sekwencję powitalną, aby wywrzeć natychmiastowy wpływ na swojego nowego subskrybenta.
Dodatkowe źródła