Dodaj wbudowany formularz Klaviyo do darmowego motywu Shopify
Przegląd
W tym artykule opisano dodawanie formularza rejestracyjnego Klaviyo do sklepu Shopify. Używamy każdego z darmowych szablonów Shopify jako przykładu. Każdy temat zawiera film przedstawiający proces. Jeśli nie widzisz tutaj swojego motywu lub używasz niestandardowego motywu, na końcu tego przewodnika znajduje się również sekcja, która obejmuje podstawowy proces dodawania formularza rejestracyjnego Klaviyo do sklepu Shopify . Możesz również obejrzeć poniższe filmy, aby zrozumieć ogólne podejście.
Znajdź swój motyw z poniższej listy:
BrooklynBrooklyn
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Brooklyn.
Narracja
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Narrative.
Dostawa
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Supply na stronie.
Jumpstart
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Jumpstart.
Debiut
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Debut.
Bezgraniczny
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Boundless.
Pop
Dodanie Klaviyo formularza rejestracyjnego do darmowego motywu Shopify Pop.
Prosty
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Simple na stronie.
Minimalny
Dodanie Klaviyo formularza rejestracyjnego do bezpłatnego motywu Shopify Minimal.
Niestandardowy motyw
Aby dodać formularz rejestracyjny Klaviyo do sklepu Shopify, postępuj zgodnie z tym samym podstawowym podejściem omówionym w filmach na temat każdego z bezpłatnych motywów Shopify powyżej. Ta sekcja obejmuje kroki tego podejścia dla użytkowników z niestandardowymi motywami, które mogą nie pasować dokładnie do powyższych przykładów. Podstawowy proces jest jednak podobny, więc w razie potrzeby skorzystaj z powyższych filmów.
- Na swoim koncie Klaviyo znajdź listę, do której chcesz dodać klienta, który Zarejestruj się. Kliknij listę, a następnie zakładkę formularza rejestracyjnego.
- Wybierz kartę Standard Embed. Na tym ekranie możesz edytować ustawienia stylu. Po edycji formularza przewiń do dołu ekranu. Kliknij blok kodu, aby skopiować kod formularza.
- Przełącz się na administratora sklepu Shopify. Kliknij sklep internetowy i wybierz Edytuj kod z listy rozwijanej Działania. Spowoduje to otwarcie edytora internetowego Shopify.
- Następnie przewiń do folderu Snippets i kliknij przycisk Add a new snippet. Nazwij swój nowy snippet w następujący sposób: "Klaviyo-form". Wklej kod formularza Klaviyo do nowego fragmentu i kliknij Zapisz. Twój kod formularza Klaviyo jest teraz zapisany jako plik motywu w twoim sklepie Shopify.
- Następnie odniesiemy się do twojego nowego pliku snippetu w stopce twojego sklepu. Wyszukaj plik
footer.liquid i kliknij, aby otworzyć go w edytorze stron internetowych. - Znajdź obszar w pliku
footer.liquid, w którym chcesz dodać formularz i odwołaj się do niego za pomocą następującego wiersza kodu, gdzie "Klaviyo-form" odpowiada nazwie nowego fragmentu kodu.{% include 'klaviyo-form' %} - Ostatnim krokiem jest wyczyszczenie wszelkich istniejących formularzy rejestracyjnych. Najpierw przeskanuj plik w poszukiwaniu istniejących
<form>elementów formularza<> . Jeśli je znajdziesz, zaznacz otwierający i zamykający element formularza oraz dowolny kod znajdujący się pomiędzy nimi i naciśnij⌘ /, aby skomentować kod. - Wyszukaj wszystkie instrukcje, które zawierają domyślny fragment newsletter. Będą one wyglądać podobnie do poniższych:
{% include 'newsletter-form' %}
Następnie Twój formularz powinien być widoczny na stronie sklepu w stopce. Możesz przetestować formularz, przesyłając adres e-mail, otwierając i akceptując wiadomość e-mail z potwierdzeniem w skrzynce odbiorczej, a następnie sprawdzając listę w Klaviyo, aby upewnić się, że adres e-mail został dodany do listy.