Skip to main content

Przegląd

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 oraz w informacjach o wydaniu Shopify dotyczących przycisków przyspieszonego checkout. Przyciski ekspresowe Shop Pay, PayPal i Google Pay poniżej przycisku checkout Upcart

Jak sprawić, aby płatności ekspresowe się wyświetlały

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:
  2. Zapisz plik
Oto przykład, jak powinno to wyglądać: Snippet Liquid additional checkout buttons dodany poniżej tagu body w theme.liquid 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.

Bramki płatności

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.
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, aby dowiedzieć się, jak włączyć bramki oraz jakie są zasady kwalifikacji dla każdej z nich.

Design przycisków przyspieszonego checkout

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

Wysokość przycisków

  • 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

Wyrównanie przycisków checkout

  • Wybierz sposób wyrównania przycisków ekspresowych:
    • Left
    • Right
    • Center
    • Space Between

Odstęp między wierszami

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

Zaawansowane opcje wyświetlania

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.

Renderowanie koszyka w Shadow DOM

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.

Uwagi o kompatybilności z szablonami

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