Tworzenie przycisku zakupu

Po dodaniu kanału sprzedaży Przycisk zakupu w panelu administracyjnym Shopify możesz utworzyć przycisk zakupu dla produktu lub kolekcji.

Po utworzeniu przycisku zakupu kopiujesz automatycznie wygenerowany kod, a następnie dodajesz go do strony WWW lub posta na blogu, gdzie ma być wyświetlany przycisk. Przykładowo, możesz dodać przycisk zakupu do bloga Wordpress lub strony internetowej Squarespace.

Wyglądu przycisku zakupu nie można zmienić po osadzeniu go na stronie internetowej. Jeśli chcesz go zmienić, musisz utworzyć nowy przycisk w kanale i zastąpić oryginalny kod nowym.

Na tej stronie

Dostosowywanie przycisków zakupu

Możesz dostosować wygląd i zachowanie przycisku zakupu:

kolor
rozmiar
czcionka
działanie, które ma miejsce po kliknięciu przycisku
to, czy realizacja zakupu otwiera się w nowym oknie przeglądarki

Dostosowując przycisk, możesz wyświetlić podgląd zmian. Możesz przetestować zachowanie przycisku zakupu, klikając podgląd.

Styl układu

Możesz wybrać układ przycisku zakupu.

Opisy dostępnych układów przycisków zakupu: Podstawowy, Klasyczny i Pełny widok.
Podstawowy	Wybierz ten układ, aby dodać przycisk zakupu bez obrazu produktu. Możesz to zrobić, jeśli już wyświetlasz produkty w innym miejscu online, a chcesz tylko dodać przycisk umożliwiający dokonanie zakupu.
Klasyczny	Wybierz ten układ, aby wyświetlić obraz produktu i cenę obok przycisku zakupu. Ten układ jest przydatny do szybkiego podglądu produktu, na przykład w poście na blogu.
Pełny widok	Wybierz ten układ, aby wyświetlić obraz produktu, cenę i opis obok przycisku zakupu. Ten układ emuluje stronę szczegółów produktu w sklepie online.

Działania przycisku zakupu

Podczas tworzenia przycisku zakupu możesz wybrać działanie, które nastąpi po kliknięciu przycisku.

Jeśli przycisk zakupu dotyczy kolekcji, działanie ma zastosowanie do każdego produktu w kolekcji.

Dodaj produkt do koszyka powoduje dodanie produktu do koszyka. Klienci mogą kontynuować zakupy i dodawać kolejne produkty do koszyka.
Przejdź bezpośrednio do kasy — ta opcja przenosi klienta bezpośrednio do kasy, gdzie może on kupić produkt. Klienci nie mogą dodawać kolejnych produktów do swojego zamówienia.
Otwórz szczegóły produktu wyświetla Zobacz produkt przycisk. Po kliknięciu przycisku klient może zobaczyć opis produktu, wybrać dowolne dostępne warianty produktu i dodać produkt do koszyka. Jeśli produkt ma wiele obrazów, one również są wyświetlane.
- Ta opcja nie jest dostępna po wybraniu układu Pełny widok, ponieważ układ Pełny widok już wyświetla wszystkie szczegóły produktu.

Możesz także wybrać, czy strona realizacji zakupu ma się otwierać w nowym oknie przeglądarki, czy w tej samej karcie co strona internetowa. Domyślnie strona realizacji zakupu otwiera się w nowym oknie.

Wygląd przycisku zakupu

Styl przycisku obejmuje kształt, kolor i typografię przycisku w obrębie przycisku zakupu.
Układ: W zależności od wybranego stylu układu możesz dostosować ustawienia, takie jak wyrównanie przycisku, rozmiar obrazu, tekst przycisku, czcionka, kolor i rozmiar.
Koszyk zakupów obejmuje opcje tekstu i koloru dla wbudowanego koszyka. Możesz także włączyć i dostosować etykietę pola Uwaga do zamówienia . Możesz używać uwag do zamówienia do zbierania od klientów specjalnych instrukcji dotyczących przygotowania i dostarczenia zamówienia. Pole Dodatkowe informacje umożliwia przekazanie wiadomości klientom.
- Możesz edytować ustawienia koszyka tylko wtedy, gdy jako działanie przycisku wybierzesz opcję Dodaj produkt do koszyka lub Otwórz szczegóły produktu.
Szczegółowe wyskakujące okno: obejmuje ustawienia wyskakującego okna ze szczegółami produktu. Możesz dostosować tekst przycisku, zdecydować, czy ma być widoczne pole ilości, kolory tła i etykiet oraz czcionkę i rozmiar czcionki etykiet. Możesz edytować te ustawienia tylko wtedy, gdy jako działanie przycisku wybierzesz opcję Otwórz szczegóły produktu.

Tworzenie przycisku zakupu dla pojedynczego produktu

Możesz utworzyć przycisk zakupu dla pojedynczego produktu. Przycisk zakupu może obejmować jeden lub wszystkie warianty produktu. Tworząc przycisk zakupu, wybierasz styl układu i dostosowujesz kolor, tekst i wygląd przycisku, a także działanie, które następuje po kliknięciu go przez klienta. Dowiedz się więcej o dostosowywaniu przycisków zakupu.

Zanim utworzysz przycisk zakupu dla produktu, musisz dodać produkt w panelu administracyjnym Shopify i udostępnić go w kanale sprzedaży Przycisk zakupu.

Kroki:

Desktop

W panelu administracyjnym Shopify przejdź do opcji Kanały sprzedaży > Przycisk zakupu.
Kliknij opcję Utwórz przycisk zakupu.
Kliknij opcję Przycisk zakupu produktu.
Wybierz produkt z katalogu lub użyj wyszukiwarki, aby znaleźć produkt. Kliknij przycisk Wybierz.
Opcjonalnie: dostosuj przycisk zakupu.
1. Jeśli produkt ma warianty, wybierz opcję Wszystkie warianty lub wybierz wariant, który chcesz uwzględnić.
2. Wybierz styl układu i działanie podejmowane po kliknięciu przycisku przez klienta. Możesz także dostosować wygląd przycisku.
3. Domyślnie strona realizacji zakupu otwiera się w nowym oknie, ale możesz ustawić, aby otwierała się w tej samej karcie przeglądarki co Twoja strona internetowa. Kliknij kolejno Ustawienia zaawansowane > Przekieruj w tej samej karcie.
Kliknij przycisk Dalej.
Kliknij opcję Kopiuj kod.
Otwórz edytor HTML strony WWW, na której chcesz wyświetlić przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu przycisku zakupu do kodu HTML.
Wklej kod w kodzie HTML w miejscu, w którym ma się pojawić przycisk zakupu, a następnie zapisz zmiany.

Wersja mobilna

W aplikacji Shopify naciśnij ikonę .
W sekcji Kanały sprzedaży naciśnij Przycisk zakupu.
Naciśnij opcję Utwórz przycisk zakupu.
Naciśnij opcję Przycisk zakupu produktu.
Wybierz produkt z katalogu lub użyj wyszukiwarki, aby znaleźć produkt, a następnie naciśnij Wybierz.
Opcjonalnie: Naciśnij Dostosuj.
1. Jeśli produkt ma wiele wariantów, wybierz opcję Wszystkie warianty lub wybierz wariant z listy rozwijanej.
2. Wybierz styl układu i działanie podejmowane po kliknięciu przycisku przez klienta. Możesz także dostosować wygląd przycisku.
3. Domyślnie strona realizacji zakupu otwiera się w nowym oknie, ale możesz ustawić, aby otwierała się w tej samej karcie przeglądarki co Twoja strona internetowa. Naciśnij kolejno Ustawienia zaawansowane > Przekieruj w tej samej karcie.
Naciśnij przycisk Gotowe.
Naciśnij opcję Kopiuj kod.
Otwórz edytor HTML strony WWW, na której chcesz wyświetlić przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu przycisku zakupu do kodu HTML.
Wklej kod w kodzie HTML w miejscu, w którym ma się pojawić przycisk zakupu, a następnie zapisz zmiany.

Tworzenie przycisku zakupu dla kolekcji

Tworząc przycisk zakupu dla kolekcji, w rzeczywistości tworzysz przycisk dla każdego produktu w kolekcji.

Tworząc przycisk zakupu, wybierasz styl układu i dostosowujesz kolor, tekst i wygląd przycisku, a także działanie, które następuje po kliknięciu go przez klienta. Dowiedz się więcej o dostosowywaniu przycisków zakupu.

Przed utworzeniem przycisku zakupu dla kolekcji upewnij się, że:

Kroki:

Desktop

W panelu administracyjnym Shopify przejdź do opcji Kanały sprzedaży > Przycisk zakupu.
Kliknij opcję Utwórz przycisk zakupu.
Kliknij Przycisk zakupu kolekcji.
Wybierz kolekcję lub użyj wyszukiwania, aby ją znaleźć. Kliknij Wybierz.
Opcjonalnie: dostosuj przycisk zakupu.
1. Wybierz działanie, które ma nastąpić, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku.
2. Domyślnie strona realizacji zakupu otwiera się w nowym oknie, ale możesz ustawić, aby otwierała się w tej samej karcie przeglądarki co Twoja strona internetowa. Kliknij kolejno Ustawienia zaawansowane > Przekieruj w tej samej karcie.
Kliknij przycisk Dalej.
Kliknij opcję Kopiuj kod.
Otwórz edytor HTML strony WWW, na której chcesz wyświetlić przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu przycisku zakupu do kodu HTML.
Wklej kod w kodzie HTML w miejscu, w którym ma się pojawić przycisk zakupu, a następnie zapisz zmiany.

Wersja mobilna

W aplikacji Shopify naciśnij ikonę .
W sekcji Kanały sprzedaży naciśnij Przycisk zakupu.
Naciśnij opcję Utwórz przycisk zakupu.
Naciśnij Przycisk zakupu kolekcji.
Wybierz kolekcję lub użyj wyszukiwarki, aby ją znaleźć, a następnie naciśnij Wybierz.
Opcjonalnie: Naciśnij Dostosuj.
1. Wybierz działanie, które ma nastąpić, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku.
2. Domyślnie strona realizacji zakupu otwiera się w nowym oknie, ale możesz ustawić, aby otwierała się w tej samej karcie przeglądarki co Twoja strona internetowa. Naciśnij kolejno Ustawienia zaawansowane > Przekieruj w tej samej karcie.
Naciśnij przycisk Gotowe.
Naciśnij opcję Kopiuj kod.
Otwórz edytor HTML strony WWW, na której chcesz wyświetlić przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu przycisku zakupu do kodu HTML.
Wklej kod w kodzie HTML w miejscu, w którym ma się pojawić przycisk zakupu, a następnie zapisz zmiany.