> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Moduł płatności ekspresowych

> Wyświetlaj przyciski przyspieszonego checkout poniżej głównego przycisku checkout w koszyku Upcart.

<div id="overview">
  # Przegląd
</div>

Ta funkcja pozwala Ci pokazywać opcje płatności ekspresowych Shopify (takie jak Shop Pay, Apple Pay czy Google Pay) dla szybszego doświadczenia checkout z użyciem zapisanych metod płatności kupującego.

Przyciski ekspresowego lub przyspieszonego checkout pomagają powracającym klientom szybciej finalizować zakupy, pomijając ręczne wprowadzanie danych płatności i wysyłki. Te przyciski pojawiają się **poniżej głównego przycisku Checkout** w koszyku i są obsługiwane przez Shopify.

Upcart wspiera te przyciski wizualnie i strukturalnie, ale **Shopify kontroluje ich zachowanie i widoczność**.

📘 Dowiedz się więcej w [dokumentacji Shopify o przyspieszonych checkout](https://help.shopify.com/en/manual/payments/accelerated-checkouts) oraz w [informacjach o wydaniu Shopify dotyczących przycisków przyspieszonego checkout](https://shopify.dev/changelog/developer-preview-accelerated-checkout-buttons-on-storefront-now-support-shopify-functions-bundles-and-have-improved-performance).

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-shop-pay-paypal-google.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=dece6cba6c512237980466fd1b02dd87" alt="Przyciski ekspresowe Shop Pay, PayPal i Google Pay poniżej przycisku checkout Upcart" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Jak sprawić, aby płatności ekspresowe się wyświetlały**
</div>

Aby wyświetlić przyciski przyspieszonego checkout w Upcart, Twój szablon Shopify musi już zawierać je w sklepie. Możesz to zrobić poprzez:

1. **Dodanie snippetu do kodu szablonu**

   * Przejdź do **Online Store > Themes > Edit Code**
   * Otwórz plik **layout/theme.liquid**
   * Znajdź otwierający tag `<body>` (nie `</body>`)
   * Poniżej tego tagu wklej następujący kod:

     ```
     {% if additional_checkout_buttons %} <div style="display: none !important"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
     ```
2. Zapisz plik

Oto przykład, jak powinno to wyglądać:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-additional-checkout-buttons-liquid.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=25dd197de897db2a448ed1d15c4a8b1e" alt="Snippet Liquid additional checkout buttons dodany poniżej tagu body w theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

Gdy to zrobisz, Upcart będzie w stanie wykryć i wyrenderować Twoje opcje płatności ekspresowych.

💡 Jeśli wolisz nie edytować kodu, skontaktuj się ze swoim deweloperem lub [ekspertem Shopify](https://experts.shopify.com).

<div id="payment-gateways">
  # Bramki płatności
</div>

Karta **Payment gateways** należy do **starszego** modułu Express Payments — widzisz ją tylko wtedy, gdy Twój sklep nadal korzysta ze starszej wersji. Wyświetla ona bramki ekspresowe, które Upcart może pokazać w koszyku, i pozwala Ci włączyć lub wyłączyć każdą z nich oraz ustawić kolejność, w jakiej się pojawiają. Wymienionych jest sześć bramek:

* Shop Pay
* PayPal
* Apple Pay
* Amazon Pay
* Meta Pay
* Google Pay — wymieniona, ale oznaczona jako **Coming Soon** i niemożliwa do wybrania

Google Pay jest celowo wstrzymana: nie odświeża się przy zmianie koszyka, więc pokazywałaby nieaktualną cenę każdemu, kto edytuje koszyk przed jej kliknięciem. Pozostałe pięć można włączać i zmieniać ich kolejność — włączone bramki znajdują się na uporządkowanej liście, użyj strzałek w górę i w dół obok każdego wiersza, aby zmienić kolejność, a wyłączone znajdują się poniżej, gdzie kliknięcie dodaje je z powrotem.

<Note>
  Włączenie bramki tutaj nie gwarantuje jej wyświetlenia. Bramka jest ukryta w prawdziwym koszyku, jeśli nie jest włączona w Twoim sklepie Shopify lub jeśli kupujący nie kwalifikuje się do niej — przycisk Apple Pay, na przykład, pokazuje się tylko na obsługiwanym urządzeniu i w obsługiwanej przeglądarce. Zobacz [dokumentację przyspieszonych checkout Shopify](https://help.shopify.com/en/manual/payments/accelerated-checkouts), aby dowiedzieć się, jak włączyć bramki oraz jakie są zasady kwalifikacji dla każdej z nich.
</Note>

<div id="accelerated-checkout-buttons-design">
  # Design przycisków przyspieszonego checkout
</div>

Gdy przyciski są już skonfigurowane, możesz dostosować ich wygląd w Upcart.

<div id="button-height">
  ## **Wysokość przycisków**
</div>

* **Default button height** i **Mobile button height** ustawiane są osobno, każda w zakresie **od 25 px do 55 px**
* Każda ma pole liczbowe i suwak powiązane z tą samą wartością — użyj tego, co wygodniejsze

<div id="checkout-button-alignment">
  ## **Wyrównanie przycisków checkout**
</div>

* Wybierz sposób wyrównania przycisków ekspresowych:

  * **Left**
  * **Right**
  * **Center**
  * **Space Between**

<div id="row-gap">
  ## **Odstęp między wierszami**
</div>

* Ustaw pionowy odstęp między ułożonymi w stos przyciskami, od **0 px do 40 px**

<div id="advanced-display-options">
  # **Zaawansowane opcje wyświetlania**
</div>

<div id="hide-buyer-consent">
  ## **Ukrywanie zgody kupującego**
</div>

Gdy jest włączone, ukrywa komunikat zgody kupującego wyświetlany zwykle, gdy w koszyku znajduje się produkt subskrypcyjny. Może pomóc zredukować wizualny bałagan, jeśli już podajesz powiązane informacje gdzie indziej.

<div id="render-cart-in-shadow-dom">
  ## **Renderowanie koszyka w Shadow DOM**
</div>

Włącz to, aby zapobiec zakłócaniu stylizacji Upcart przez CSS Twojego szablonu Shopify.\
Zapewnia to spójny design we wszystkich przeglądarkach i na wszystkich urządzeniach.

Włączenie tego stosuje również to samo ustawienie z **Settings > Cart settings > Advanced Settings**.

<div id="theme-compatibility-notes">
  ## **Uwagi o kompatybilności z szablonami**
</div>

* Shopify egzekwuje teraz **ścisłe reguły stylizacji** dla przycisków przyspieszonego checkout.
* Nowa wersja Upcart w pełni wspiera te reguły i będzie podążać za zachowaniem stylizacji Shopify.

⚠️ W bieżącym module na górze pojawia się baner **Revert To Old Version** z przyciskiem **Revert To Legacy Express Payments**. Jest potrzebny tylko dla przestarzałych szablonów — cofnięcie przywraca zachowanie sprzed stylizacji Shopify, więc zostaw go w spokoju, chyba że Twój szablon naprawdę tego wymaga.

Jeśli jednak cofniesz, odznacz wszelkie zapisane opcje stylizacji z poprzedniego modułu, aby nie zakłócały nowej wersji.
