Skip to main content
Blok Express payments wyświetla przyciski przyspieszonego checkoutu (takie jak Shop Pay, PayPal, Google Pay czy Apple Pay) wewnątrz koszyka, udostępniając klientom opcje płatności ekspresowych, które Twój sklep już oferuje, aby mogli przejść prosto do checkoutu jednym dotknięciem.

Działanie

  • Blok nie renderuje własnych przycisków. Udostępnia w drawerze przyciski przyspieszonego checkoutu samego Shopify, więc to, które metody się pojawią, zależy wyłącznie od konfiguracji płatności w Twoim sklepie.
  • Jeśli Twój sklep nie ma włączonych żadnych przyspieszonych metod płatności, nic się nie wyrenderuje. Włącz metody ekspresowe (Shop Pay, PayPal itd.) w ustawieniach Shopify.
  • Twój motyw zwykle wymaga też jednorazowej zmiany w kodzie. Blok klonuje przyciski przyspieszonego checkoutu Shopify ze strony Twojego sklepu, więc te przyciski muszą być tam najpierw wyrenderowane.
  • W edytorze blok pokazuje placeholder zamiast rzeczywistych przycisków.

Dodawanie snippetu do motywu

Panel ustawień bloku zawiera sekcję Show recommended guide to edit your theme code z dokładnym snippetem i przyciskiem Copy code. W skrócie:
  1. Otwórz edytor kodu swojego motywu, a następnie layout/theme.liquid.
  2. Znajdź linię <body> i dodaj nową linię poniżej.
  3. Wklej snippet z panelu. Renderuje on przyciski przyspieszonego checkoutu Shopify w ukrytym kontenerze, dzięki czemu koszyk ma co klonować.
  4. Zapisz.

Ustawienia

Umiejscowienie i limity

  • Region: dół (bottom).
  • Maksymalnie: 1 na stan koszyka.
  • Stan: tylko wypełniony koszyk.
  • Nie jest dodawany domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.

Szablon niestandardowy

Blok Express payments nie obsługuje szablonu niestandardowego, ponieważ hostuje przyciski płatności samego Shopify. Zamiast tego stylizuj go za pomocą ustawień Design bloku.

Wygląd

Stylizuj ten blok za pomocą jego sekcji Design w panelu ustawień. Są to nadpisania na poziomie bloku, które nakładają się na Twój globalny design i wracają do niego, gdy pole jest puste. Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: Ustawienia wyglądu.