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 skopiuj automatycznie wygenerowany kod, a następnie dodaj kod do strony internetowej lub postu na blogu, w którym ma pojawić się przycisk. Na przykład możesz dodać przycisk zakupu do swojego bloga WordPress lub strony internetowej Squarespace.

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

Na tej stronie

Dostosowywanie przycisków zakupu

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

jego kolor
jego rozmiar
jego czcionkę
czynność, która jest wykonywana po kliknięciu przycisku
czy realizacja zakupu otwiera się w nowym oknie przeglądarki

Podczas dostosowywania przycisku 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 widoku podstawowego, klasycznego i pełnego dla przycisków zakupu.
Basic	Wybierz ten układ, aby dodać przycisk zakupu bez obrazu produktu. Możesz to zrobić, jeśli już wyświetlasz swoje produkty w innym miejscu online, ale chcesz dodać przycisk, aby dokonać 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, np. 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.

Czynności przycisku zakupu

Po utworzeniu przycisku zakupu możesz wybrać czynność, która ma miejsce po kliknięciu przycisku.

Jeśli przycisk zakupu jest dostępny dla kolekcji, czynność dotyczy każdego produktu w kolekcji.

Opcja Dodaj produkt do koszyka dodaje produkt do koszyka zakupów. Klienci mogą kontynuować zakupy i dodawać kolejne produkty do koszyka.
Opcja Bezpośrednio do realizacji zakupu przenosi klienta bezpośrednio do realizacji zakupu, gdzie może kupić produkt. Klienci nie mogą dodawać dodatkowych produktów do swojego zamówienia.
Po kliknięciu opcji Otwórz szczegóły produktu wyświetla się przycisk Wyświetl produkt. Gdy klient kliknie przycisk, może zobaczyć opis produktu, wybrać dostępne warianty produktu i dodać produkt do koszyka. Jeśli produkt ma wiele zdjęć, są one również wyświetlane.
- Ta opcja jest niedostępna po wybraniu układu Pełny widok, ponieważ układ Pełny widok wyświetla już wszystkie szczegóły produktu.

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

Wygląd przycisku zakupu

Opcja Styl przycisku obejmuje kształt, kolor i typografię dla części przycisku zakupu.
Opcja Układ - w zależności od wybranego stylu układu możesz dostosować ustawienia, takie jak wyrównanie przycisku, rozmiar zdjęcia, tekst przycisku, czcionka, kolor i rozmiar.
Opcja Koszyk na zakupy zawiera opcje tekstu i kolorów dla osadzonego koszyka zakupów. Możesz także włączyć i dostosować etykietę dla pola Nota zamówienia. Możesz użyć uwag do zamówienia, aby zbierać specjalne instrukcje od klientów dotyczące sposobu przygotowania i dostarczenia zamówienia. Pole Dodatkowe informacje umożliwia przekazywanie wiadomości do klientów.
- Możesz edytować tylko ustawienia koszyka zakupów, jeśli wybierzesz Dodaj produkt do koszyka lub Otwórz szczegóły produktu jako czynność przycisku.
Wyskakujące okno szczegółów zawiera ustawienia dla wyskakującego okna szczegółów produktu. Możesz dostosować tekst przycisku, niezależnie od tego, czy chcesz wyświetlić pole ilości, kolory używane dla tła i etykiet oraz czcionkę i rozmiar czcionki etykiet. Możesz edytować te ustawienia tylko po wybraniu opcji Otwórz szczegóły produktu jako czynności przycisku.

Tworzenie przycisku zakupu dla pojedynczego produktu

Możesz utworzyć przycisk zakupu dla jednego produktu. Przycisk zakupu może zawierać jeden lub wszystkie warianty produktu. Po utworzeniu przycisku zakupu wybierz styl układu i dostosuj kolor, tekst i wygląd przycisku, a także czynność, która ma miejsce, gdy klient go kliknie. Dowiedz się więcej o dostosowywaniu przycisków zakupu.

Zanim utworzysz Przycisk Zakupu dla produktu, musisz dodać produkt do panelu administracyjnego Shopify i udostępnić go w kanale sprzedaży Przycisk Zakupu.

Kroki:

Pulpit

W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.
Na stronie Aplikacje i kanały sprzedaży kliknij Buy Button.
Kliknij opcję Otwórz kanał sprzedaży.
Kliknij Utwórz przycisk zakupu.
Kliknij Przycisk zakupu produktu.
Wybierz produkt z katalogu lub użyj wyszukiwania, aby znaleźć produkt. Kliknij Wybierz.
Opcjonalnie: Dostosuj Przycisk Zakupu.
1. Jeśli produkt ma warianty, wybierz Wszystkie warianty lub wybierz wariant, który chcesz uwzględnić.
2. Wybierz styl układu i czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku.
3. Domyślnie transakcja realizacji zakupu otwiera się w nowym oknie, ale możesz wybrać, aby otworzyć transakcję realizacji zakupu w tej samej karcie przeglądarki, co Twoja strona internetowa. Kliknij opcję Ustawienia zaawansowane > Przekieruj na tej samej karcie.
Kliknij Dalej.
Kliknij opcję Kopiuj kod.
Otwórz Edytor HTML dla strony internetowej, na której chcesz wyświetlić Przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu Przycisku zakupu do HTML.
Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

iPhone

W aplikacji Shopify naciśnij przycisk ….
W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
Naciśnij opcję Utwórz przycisk zakupu.
Naciśnij Przycisk zakupu produktu.
Wybierz produkt z katalogu lub użyj funkcji wyszukiwania, aby znaleźć produkt, a następnie naciśnij opcję Wybierz.
Opcjonalnie: Naciśnij opcję Dostosuj.
1. Jeśli produkt ma wiele wariantów, wybierz Wszystkie warianty lub wybierz wariant z listy rozwijanej.
2. Wybierz styl układu i czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku.
3. Domyślnie transakcja realizacji zakupu otwiera się w nowym oknie, ale możesz też otworzyć transakcję realizacji zakupu w tej samej karcie przeglądarki, co Twoja strona internetowa. Naciśnij opcje Ustawienia zaawansowane > Przekieruj na tej samej karcie.
Naciśnij Gotowe.
Naciśnij opcję Kopiuj kod.
Otwórz Edytor HTML dla strony internetowej, na której chcesz wyświetlić Przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu Przycisku zakupu do HTML.
Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

Android

W aplikacji Shopify naciśnij przycisk ….
W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
Naciśnij opcję Utwórz przycisk zakupu.
Naciśnij Przycisk zakupu produktu.
Wybierz produkt z katalogu lub użyj funkcji wyszukiwania, aby znaleźć produkt, a następnie naciśnij opcję Wybierz.
Opcjonalnie: Naciśnij opcję Dostosuj.
1. Jeśli produkt ma wiele wariantów, wybierz Wszystkie warianty lub wybierz wariant z listy rozwijanej.
2. Wybierz styl układu i czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku.
3. Domyślnie transakcja realizacji zakupu otwiera się w nowym oknie, ale możesz też otworzyć transakcję realizacji zakupu w tej samej karcie przeglądarki, co Twoja strona internetowa. Naciśnij opcje Ustawienia zaawansowane > Przekieruj na tej samej karcie.
Naciśnij Gotowe.
Naciśnij opcję Kopiuj kod.
Otwórz Edytor HTML dla strony internetowej, na której chcesz wyświetlić Przycisk zakupu. Zapoznaj się z sekcją Dodawanie kodu Przycisku zakupu do HTML.
Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

Tworzenie przycisku zakupu dla kolekcji

Po utworzeniu przycisku zakupu dla kolekcji w rzeczywistości tworzysz przycisk dla każdego produktu w kolekcji.

Po utworzeniu przycisku zakupu wybierz styl układu i dostosuj kolor, tekst i wygląd przycisku, a także czynność, która ma miejsce, gdy klient ją kliknie. Dowiedz się więcej o dostosowywaniu przycisków zakupu.

Zanim utworzysz Przycisk Zakupu dla kolekcji, musisz: