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

# Express payments-modul

> Vis knapper til accelereret checkout under den primære checkout-knap i Upcart-draweren.

<div id="overview">
  # Oversigt
</div>

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](https://help.shopify.com/en/manual/payments/accelerated-checkouts) og [Shopifys release notes om knapper til accelereret 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="Ekspresknapper for Shop Pay, PayPal og Google Pay under Upcarts checkout-knap" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Sådan får du ekspresbetalinger vist**
</div>

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:

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

Her er et eksempel på, hvordan det skal se ud:

<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="Liquid-snippet'et for additional checkout buttons tilføjet under body-tagget i theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

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](https://experts.shopify.com).

<div id="payment-gateways">
  # Betalingsgateways
</div>

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.

<Note>
  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](https://help.shopify.com/en/manual/payments/accelerated-checkouts) for, hvordan du aktiverer gateways, og berettigelsesreglerne for hver enkelt.
</Note>

<div id="accelerated-checkout-buttons-design">
  # Design af knapper til accelereret checkout
</div>

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

<div id="button-height">
  ## **Knaphøjde**
</div>

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

<div id="checkout-button-alignment">
  ## **Justering af checkout-knapper**
</div>

* Vælg, hvordan ekspresknapperne skal justeres:

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

<div id="row-gap">
  ## **Rækkeafstand**
</div>

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

<div id="advanced-display-options">
  # **Avancerede visningsmuligheder**
</div>

<div id="hide-buyer-consent">
  ## **Skjul købersamtykke**
</div>

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.

<div id="render-cart-in-shadow-dom">
  ## **Render kurven i Shadow DOM**
</div>

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

<div id="theme-compatibility-notes">
  ## **Bemærkninger om temakompatibilitet**
</div>

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