Przycisk zakupu w Shopify - jak przekształcić stronę w sklep internetowy?

Możesz używać Shopify do sprzedaży online, nawet jeśli nie chcesz tworzyć pełnego sklepu internetowego.

Przycisk zakupu pozwala monetyzować każdą stronę internetową - czy to blog, portfolio, czy konto w mediach społecznościowych.

Poniżej dowiesz się, jak osadzić przycisk zakupu na dowolnej stronie internetowej, aby dać odwiedzającym możliwość zakupu produktów.

Czym jest przycisk zakupu?

Przycisk zakupu pozwala utworzyć i osadzić opcję płatności na dowolnej stronie internetowej, dzięki czemu klienci mogą kupować produkty bezpośrednio ze strony, którą odwiedzają.

Shopify generuje kod potrzebny do osadzenia i prezentacji produktów, co sprawia, że przycisk jest prosty w konfiguracji, przyjazny dla urządzeń mobilnych i bezpieczny.

Możesz zmieniać kolory, opisy i zdjęcia produktów wyświetlanych wraz z przyciskiem zakupu, tak aby pasowały do stylu Twojej strony.

Dowiedz się więcej o przycisku zakupu Shopify.

Rozpocznij pracę z przyciskiem zakupu w 3 krokach

1. Dodaj kanał sprzedaży “Przycisk zakupu” do sklepu Shopify
2. Utwórz przycisk zakupu
3. Dodaj kod osadzania przycisku zakupu do HTML strony

1. Dodaj kanał sprzedaży “Przycisk zakup” do sklepu Shopify

Zacznij od logowania do Shopify. Jeśli widzisz przycisk zakupu wymieniony w kanałach sprzedaży w menu po lewej stronie, możesz przejść od razu do kroku 2.

Na komputerze

1. Przejdź do strony kanału sprzedaży “Przycisk zakupu” w Shopify App Store.

2. Zainstaluj aplikację

3. Przypnij aplikację do nawigacji panelu administracyjnego (opcjonalnie)

Jeśli nie przypniesz przycisku zakupu, możesz go znaleźć ponownie, klikając „Kanały sprzedaży", a następnie „przycisk zakupu" w zainstalowanych kanałach.

Na urządzeniu mobilnym

• Otwórz aplikację Shopify na urządzeniu mobilnym i wybierz „Sklep" z dolnego menu.
• Obok „Kanały sprzedaży" wybierz „Dodaj kanał" na iPhone lub „+" na Androidzie.
• Wybierz „przycisk zakupu", następnie naciśnij „Dodaj przycisk zakupu".

2. Utwórz przycisk zakupu

Po dodaniu kanału sprzedaży “Przycisk zakupu” możesz utworzyć swój przycisk zakupu.

Na karcie “Przycisk zakupu” kliknij „Utwórz przycisk zakupu".

Możesz tworzyć przyciski zakupu dla pojedynczego produktu lub całej kolekcji produktów. Na następnym ekranie zostaniesz poproszony o wybór preferowanej opcji.

Wybierz opcję, następnie wybierz produkty, dla których chcesz utworzyć przyciski zakupu.

Po dokonaniu wyboru zostaniesz przeniesiony do edytora przycisku zakupu, gdzie możesz dostosować wygląd przycisku.

Jak dostosować przycisk zakupu?

W edytorze przycisku zakupu zobaczysz opcje dostosowywania wyglądu po lewej stronie. Po prawej zobaczysz podgląd tego, jak będzie wyglądał Twój przycisk zakupu.

Dostosuj opcje po lewej stronie według własnych preferencji. Podgląd będzie się automatycznie aktualizował, więc zobaczysz, jak wygląda Twój przycisk zakupu podczas wprowadzania zmian. Możesz także zobaczyć, jak przycisk będzie wyglądał na komputerze i urządzeniach mobilnych, klikając ikony komputera lub telefonu na górze edytora.

Oto zestawienie opcji, które możesz dostosować:

• Wariant produktu. Wybierz, które warianty produktu mają być dostępne do zakupu przez przycisk zakupu. Domyślnie wybrane będą wszystkie warianty.
• Układ. Wybierz między „Podstawowy", „Klasyczny" i „Pełny widok". Po prawej zobaczysz podgląd każdego układu po wybraniu go z menu „Układ".
• Działanie po kliknięciu. Wybierz „Dodaj produkt do koszyka", „Przejdź do kasy" lub „Otwórz szczegóły produktu". Opcja „Dodaj produkt do koszyka" utworzy widget koszyka po prawej stronie ekranu. Opcja „Przejdź do kasy" utworzy przycisk zakupu, który przeniesie użytkownika bezpośrednio do kasy (klienci nie będą mogli dodać więcej niż jeden produkt do koszyka). Opcja „Otwórz szczegóły produktu" utworzy przycisk Zobacz produkt otwierający okno z informacjami o produkcie i przyciskiem “Dodaj do koszyka”.
• Styl przycisku. Tutaj możesz dostosować kolory, czcionkę, rozmiar i kształt rogów przycisku zakupu.
• Układ. Menu Układ pozwoli Ci wprowadzić precyzyjne zmiany w układzie przycisku. Możesz dostosować kolory czcionek, tekst przycisku i ustawienia typografii.
• Koszyk. Tutaj będziesz mógł dostosować ustawienia widgetu koszyka, w tym tekst i kolory. Ta opcja będzie wyszarzona, jeśli używasz układu „Przejdź do kasy", ponieważ nie ma wtedy widgetu koszyka.
• Szczegółowe okno. Jeśli wybierzesz „Otwórz szczegóły produktu" w „Działanie po kliknięciu", będziesz mógł dostosować tekst, kolory i opcje typografii dla okna w tej sekcji.
• Ustawienia zaawansowane. Tutaj możesz dostosować sposób wyświetlania kasy użytkownikowi. Możesz wybrać „Otwórz okno" (które utworzy kasę w oknie zamykanym po zakończeniu zamówienia) lub „Przekieruj w tej samej karcie" (które przekieruje użytkownika na stronę kasy Shopify i przeniesie go na Twoją stronę po zakończeniu transakcji).

Pamiętaj, że zmiana tych ustawień nie wpłynie na już osadzone przyciski zakupu.

Gdy będziesz zadowolony z projektu, kliknij przycisk „Dalej" w prawym górnym rogu.

3. Dodaj kod osadzania przycisku zakupu do HTML strony

Po kliknięciu „Dalej” kod osadzania przycisku zakupu zostanie wygenerowany automatycznie. Kliknij „Kopiuj kod”, gdy będziesz gotowy, aby osadzić go na swojej stronie internetowej.

Skopiowany kod możesz wkleić do HTML dowolnej strony. Utworzy on przycisk zakupu i koszyk, które połączą się bezpośrednio z panelem administracyjnym Shopify, umożliwiając zarządzanie i realizację zamówień z dowolnej witryny.

Sposób dodawania kodu osadzania może się różnić w zależności od tego, jak chcesz, aby wyglądał przycisk zakupu, oraz jakiego kreatora stron i motywu używasz.

Dodawanie tagów script przycisku zakupu

Niektóre kreatory stron wymagają osobnego wklejenia tagów script w nagłówku, podczas gdy resztę kodu wkleja się w treści strony, tam gdzie ma pojawić się przycisk zakupu.

Aby to zrobić, musisz oddzielić element script od elementu div w kodzie osadzania przycisku zakupu.

Element div zobaczysz na górze kodu. Wygląda mniej więcej tak:

<div></div>

Element script stanowi pozostałą część kodu osadzania, zaczyna się od script type="text/javascript" i kończy na /script.

Skopiuj i wklej cały element script do nagłówka strony internetowej.

Następnie otwórz edytor strony, na której chcesz dodać przycisk zakupu. Wklej element div w miejscu, gdzie ma pojawić się przycisk zakupu.

Dodaj element sprzedaży do dowolnej strony dzięki przyciskowi zakupu

Przyciski zakupu pozwalają sprzedawcom dotrzeć do klientów tam, gdzie ci faktycznie się znajdują. Sprzedaż bezpośrednio na stronie, bez konieczności przekierowywania na inną witrynę, ogranicza bariery i może pomóc zwiększyć konwersję.

Dla blogerów, artystów, pisarzy, projektantów, podcasterów, influencerów i wszystkich, którzy chcą monetyzować swoją pracę, przycisk zakupu to prosty sposób na korzystanie z Shopify bez konieczności tworzenia nowej strony internetowej.