Skip to main content

Oversigt

Denne funktion giver dig mulighed for at vise Shopifys ekspresbetalingsmuligheder (såsom Shop Pay, Apple Pay eller Google Pay) for en hurtigere checkout-oplevelse med køberens gemte betalingsmetoder. Ekspres- eller accelererede checkout-knapper hjælper tilbagevendende kunder med at gennemføre køb hurtigere ved at springe manuel indtastning af betalings- og fragtoplysninger over. Disse knapper vises under den primære Checkout-knap i kurven og drives af Shopify. Upcart understøtter disse knapper visuelt og strukturelt, men Shopify styrer deres adfærd og synlighed. 📘 Læs mere i Shopifys dokumentation om accelererede checkouts og Shopifys release notes om knapper til accelereret checkout. Ekspresknapper for Shop Pay, PayPal og Google Pay under Upcarts checkout-knap

Sådan får du ekspresbetalinger vist

For at vise knapper til accelereret checkout i Upcart skal dit Shopify-tema allerede inkludere dem i webshoppen. Det kan du gøre ved at:
  1. Tilføje et snippet til din temakode
    • Gå til Online Store > Themes > Edit Code
    • Åbn filen layout/theme.liquid
    • Find det åbnende <body>-tag (ikke </body>)
    • Indsæt følgende kode under det tag:
  2. Gem filen
Her er et eksempel på, hvordan det skal se ud: Liquid-snippet'et for additional checkout buttons tilføjet under body-tagget i theme.liquid Når det er gjort, vil Upcart kunne registrere og rendere dine ekspresbetalingsmuligheder. 💡 Hvis du foretrækker ikke at redigere kode, kan du kontakte din udvikler eller en Shopify Expert.

Betalingsgateways

Kortet Payment gateways hører til det ældre Express Payments-modul — du ser det kun, hvis din butik stadig er på den ældre version. Det viser de ekspres-gateways, Upcart kan vise i kurven, og lader dig slå hver enkelt til eller fra og bestemme den rækkefølge, de vises i. Seks gateways er angivet:
  • Shop Pay
  • PayPal
  • Apple Pay
  • Amazon Pay
  • Meta Pay
  • Google Pay — angivet, men markeret Coming Soon og kan ikke vælges
Google Pay holdes bevidst tilbage: Den opdateres ikke, når kurven ændres, så den ville vise en forældet pris til alle, der redigerer deres kurv, før de klikker på den. De øvrige fem kan aktiveres og omarrangeres — aktiverede gateways ligger i en ordnet liste, brug pil op og ned ved siden af hver række for at ændre rækkefølgen, og deaktiverede ligger nedenunder, hvor et klik tilføjer dem igen.
At aktivere en gateway her garanterer ikke, at den vises. En gateway er skjult i den rigtige kurv, hvis den ikke er aktiveret i din Shopify-butik, eller hvis kunden ikke er berettiget til den — en Apple Pay-knap vises f.eks. kun på en understøttet enhed og browser. Se Shopifys dokumentation om accelererede checkouts for, hvordan du aktiverer gateways, og berettigelsesreglerne for hver enkelt.

Design af knapper til accelereret checkout

Når dine knapper er sat op, kan du tilpasse, hvordan de vises i Upcart.

Knaphøjde

  • Default button height og Mobile button height indstilles separat, hver fra 25 px til 55 px
  • Hver har et talfelt og en slider, der er koblet til den samme værdi — brug den, der er nemmest

Justering af checkout-knapper

  • Vælg, hvordan ekspresknapperne skal justeres:
    • Left
    • Right
    • Center
    • Space Between

Rækkeafstand

  • Angiv den lodrette afstand mellem stablede knapper, fra 0 px til 40 px

Avancerede visningsmuligheder

Når denne er aktiveret, skjules den samtykkebesked, der normalt vises, når et abonnementsprodukt er i kurven. Det kan hjælpe med at reducere visuel støj, hvis du allerede giver relaterede oplysninger et andet sted.

Render kurven i Shadow DOM

Aktivér denne for at forhindre dit Shopify-temas CSS i at forstyrre Upcarts styling.
Det sikrer et ensartet design på tværs af alle browsere og enheder.
Aktivering af denne anvender også den samme indstilling fra Settings > Cart settings > Advanced Settings.

Bemærkninger om temakompatibilitet

  • Shopify håndhæver nu strenge stylingregler for knapper til accelereret checkout.
  • Upcarts nye version understøtter disse regler fuldt ud og følger Shopifys styling-adfærd.
⚠️ På det aktuelle modul vises et banner med Revert To Old Version øverst med en knap Revert To Legacy Express Payments. Den er kun nødvendig for forældede temaer — at gå tilbage sender dig retur til adfærden fra før Shopify-stylingen, så lad den være, medmindre dit tema virkelig kræver det. Hvis du går tilbage, skal du fjerne markeringen af eventuelle gemte styling-indstillinger fra det tidligere modul, så de ikke forstyrrer den nye version.