Tworzenie przycisku zakupu

Ta strona została wydrukowana dnia Apr 27, 2024. Aby zapoznać się z aktualną wersją, odwiedź https://help.shopify.com/pl/manual/online-sales-channels/buy-button/create-buy-button.

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 wpisu 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.

Dostępne układy 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 wtedy, gdy wybrano opcję Otwórz szczegóły produktu jako czynność 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:

  1. W panelu administracyjnym Shopify kliknij Ustawienia > Aplikacje i kanały sprzedaży.

  2. Na stronie Aplikacje i kanały sprzedaży kliknij Buy Button.

  3. Kliknij opcję Otwórz kanał sprzedaży.

  4. Kliknij Utwórz przycisk zakupu.

  5. Kliknij Przycisk zakupu produktu.

  6. Wybierz produkt z katalogu lub użyj wyszukiwania, aby znaleźć produkt. Kliknij Wybierz.

  7. 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.

  8. Kliknij Dalej.

  9. Kliknij opcję Kopiuj kod.

  10. 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.

  11. Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
  3. Kliknij Utwórz przycisk zakupu.
  4. Kliknij Przycisk zakupu produktu.
  5. Wybierz produkt z katalogu lub użyj wyszukiwania, aby znaleźć produkt. Kliknij Wybierz.

  6. Opcjonalnie: Kliknij 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 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.

  7. Kliknij Gotowe.

  8. Kliknij opcję Kopiuj kod.

  9. 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.

  10. Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
  3. Kliknij Utwórz przycisk zakupu.
  4. Kliknij Przycisk zakupu produktu.
  5. Wybierz produkt z katalogu lub użyj wyszukiwania, aby znaleźć produkt. Kliknij Wybierz.

  6. Opcjonalnie: Kliknij 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 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.

  7. Kliknij Gotowe.

  8. Kliknij opcję Kopiuj kod.

  9. 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.

  10. 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:

Kroki:

  1. W panelu administracyjnym Shopify kliknij Ustawienia > Aplikacje i kanały sprzedaży.

  2. Na stronie Aplikacje i kanały sprzedaży kliknij Buy Button.

  3. Kliknij opcję Otwórz kanał sprzedaży.

  4. Kliknij Utwórz przycisk zakupu.

  5. Kliknij Przycisk zakupu kolekcji.

  6. Wybierz kolekcję lub użyj wyszukiwania, aby znaleźć kolekcję. Kliknij Wybierz.

  7. Opcjonalnie: Dostosuj Przycisk Zakupu.

    1. Wybierz czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku .
    2. 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.

  8. Kliknij Dalej.

  9. Kliknij opcję Kopiuj kod.

  10. 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.

  11. Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
  3. Kliknij Utwórz przycisk zakupu.
  4. Kliknij Przycisk zakupu kolekcji.
  5. Wybierz kolekcję lub użyj wyszukiwania, aby znaleźć kolekcję. Kliknij Wybierz.

  6. Opcjonalnie: Kliknij Dostosuj.

    1. Wybierz czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku .
    2. 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.

  7. Kliknij Gotowe.

  8. Kliknij opcję Kopiuj kod.

  9. 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.

  10. Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanał sprzedaży naciśnij Przycisk Zakupu.
  3. Kliknij Utwórz przycisk zakupu.
  4. Kliknij Przycisk zakupu kolekcji.
  5. Wybierz kolekcję lub użyj wyszukiwania, aby znaleźć kolekcję. Kliknij Wybierz.

  6. Opcjonalnie: Kliknij Dostosuj.

    1. Wybierz czynność, która jest wykonywana, gdy klient kliknie przycisk. Możesz także dostosować wygląd przycisku .
    2. 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.

  7. Kliknij Gotowe.

  8. Kliknij opcję Kopiuj kod.

  9. 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.

  10. Wklej kod w ramach HTML w miejscu, w którym ma pojawić się przycisk zakupu, a następnie zapisz zmiany.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo