Publikowanie landing page’a w Shopify

Prowadząc sklep internetowy w serwisie Shopify, możesz publikować na nim swoje landing page’e stworzone w naszej platformie i jeszcze efektywniej prowadzić swoje kampanie marketingowe. Ta funkcja to jedna z czterech Opcji publikacji dostępnych w Landingi. 

Twój landing page będzie opublikowany na naszej domyślnej (testowej) domenie oraz w Shopify jako ramka iframe. Zalecamy opublikowanie strony na własnej domenie, ponieważ pozostawienie strony na domenie testowej może wiązać się takimi problemami jak blokowanie strony przez niektóre firewalle.

Publikacja landing page'a w Shopify

1. Zaloguj się na swoje konto w platformie Landingi, następnie z poziomu listy landing page’y lub dashboardu przejdź do Opcji publikacji wybranego landing page’a.

2. Kliknij w Opublikuj na Shopify.

 
3. Skopiuj podany w nowym oknie kod:

4. Zaloguj się do swojego sklepu w serwisie Shopify, następnie przejdź do zakładki Online store i kliknij w Themes (1). Po prawej stronie kliknij w Actions (2) i wybierz Edit code (3).

5. Na liście po lewej stronie edytora kodu wyszukaj pozycję Templates, a następnie kliknij Add a new template. 

6. W nowym oknie z rozwijanej listy Create a new template for wybierz page (1). Jako Template type wskaż liquid (2). W polu File name (3) wpisz nazwę szablonu, która pozwoli Ci go później zidentyfikować, a następnie zatwierdź, klikając Create template. 

7. W trybie edycji kodu wpisz zmienną {{ page.content }} (jak jest to pokazane poniżej) i kliknij Save.

8. Przejdź do zakładki Online store i podstrony Pages (1). Kliknij Add page (2).

9. W oknie edycji strony przejdź w tryb kodu HTML.

10. Nadaj nazwę i wklej skopiowany wcześniej kod do publikowania w Shopify z platformy Landingi (1). Z listy Theme template wybierz szablon (2), który został utworzony w poprzednim kroku. Na koniec zapisz wszystkie działania, klikając Save.

WAŻNE: Ze względu na ograniczenia techniczne kierowanie do konkretnej sekcji nie będzie możliwe.

11. Adres landing page'a opublikowanego w Shopify znajdziesz w zakładce Online Store (1). Przejdź do Pages (2) i kliknij w View page (3).

12. Od teraz landing page jest widoczny w Twoim sklepie w Shopify. Możesz go w każdej chwili edytować i opublikować, a wszystkie zmiany zaktualizują się automatycznie.

Ustawienia przycisków dla planów Core i Create

Jeśli na swoim landing page'u chcesz umieścić przycisk, który ma przekierować na podstronę produktu w Shopify lub inny adres URL poza Twoim sklepem Shopify, musisz poprawnie skonfigurować przekierowanie w Ustawieniach przycisku.

Opcja "Otwórz w nowej zakładce"

W sekcji Rodzaj > Przekierowanie, wklej adres docelowy i zaznacz Otwórz w nowej zakładce. Zapisz ustawienia.

Po kliknięciu w przycisk użytkownik zostanie przeniesiony do nowej zakładki w przeglądarce.

Zdarzenie OnClick

Dodaj zdarzenie OnClick do przycisku, jeżeli strona produktu lub strona docelowa mają otworzyć się w ten samej zakładce.

1. W zakładce Link do sekcji połącz przycisk z dowolną sekcją.

2. Przejdź do zakładki Ustawienia i w polu Zdarzenie onClick wklej poniższy kod, w miejsce "DOCELOWY_ADRES_URL" wklej odpowiedni adres:

window.top.location = 'DOCELOWY_ADRES_URL'

3. Kliknij w Zapisz i zamknij. Opublikuj landing page'a. Teraz możesz zweryfikować czy Twój landing page wyświetla się prawidłowo w Shopify.