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

# Modulo Express Payments

> Mostra i pulsanti di checkout accelerato sotto il pulsante di checkout principale nel drawer di Upcart.

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

Questa funzione ti permette di mostrare le opzioni Express Payment di Shopify (come Shop Pay, Apple Pay o Google Pay) per un'esperienza di checkout più veloce usando i metodi di pagamento salvati dell'acquirente.

I pulsanti di checkout express o accelerato aiutano i clienti di ritorno a completare gli acquisti più velocemente saltando l'inserimento manuale delle informazioni di pagamento e spedizione. Questi pulsanti appaiono **sotto il pulsante Checkout principale** nel carrello e sono gestiti da Shopify.

Upcart supporta questi pulsanti visivamente e strutturalmente, ma **Shopify ne controlla il comportamento e la visibilità**.

📘 Scopri di più nella [documentazione di Shopify sui checkout accelerati](https://help.shopify.com/en/manual/payments/accelerated-checkouts) e nelle [note di rilascio di Shopify sui pulsanti di checkout accelerato](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="Pulsanti express Shop Pay, PayPal e Google Pay sotto il pulsante di checkout di Upcart" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Far apparire gli Express Payments**
</div>

Per mostrare i pulsanti di checkout accelerato all'interno di Upcart, il tuo tema Shopify deve già includerli sul negozio. Puoi farlo in questo modo:

1. **Aggiungendo uno snippet al codice del tuo tema**

   * Vai a **Online Store > Themes > Edit Code**
   * Apri il file **layout/theme.liquid**
   * Trova il tag di apertura `<body>` (non `</body>`)
   * Sotto quel tag, incolla il seguente codice:

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

Ecco un esempio di come dovrebbe apparire:

<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="Lo snippet Liquid dei pulsanti di checkout aggiuntivi inserito sotto il tag body in theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

Una volta fatto questo, Upcart sarà in grado di rilevare e renderizzare le tue opzioni di pagamento express.

💡 Se preferisci non modificare il codice, rivolgiti al tuo sviluppatore o a un [esperto Shopify](https://experts.shopify.com).

<div id="payment-gateways">
  # Gateway di pagamento
</div>

La card **Payment gateways** appartiene al modulo Express Payments **legacy** — la vedi solo se il tuo negozio è ancora sulla versione precedente. Elenca i gateway express che Upcart può mostrare nel carrello e ti permette di attivarli o disattivarli singolarmente e di impostare l'ordine in cui appaiono. Sono elencati sei gateway:

* Shop Pay
* PayPal
* Apple Pay
* Amazon Pay
* Meta Pay
* Google Pay — elencato ma contrassegnato come **Coming Soon** e non selezionabile

Google Pay è trattenuto deliberatamente: non si aggiorna quando il carrello cambia, quindi mostrerebbe un prezzo obsoleto a chiunque modifichi il carrello prima di cliccarlo. Gli altri cinque possono essere abilitati e riordinati — i gateway abilitati sono in un elenco ordinato, usa le frecce su e giù accanto a ogni riga per cambiare l'ordine, mentre quelli disabilitati si trovano sotto, dove un clic li riaggiunge.

<Note>
  Abilitare un gateway qui non garantisce che venga mostrato. Un gateway è nascosto nel carrello reale se non è abilitato nel tuo negozio Shopify o se il cliente non è idoneo — un pulsante Apple Pay, ad esempio, appare solo su un dispositivo e browser supportati. Consulta la [documentazione di Shopify sui checkout accelerati](https://help.shopify.com/en/manual/payments/accelerated-checkouts) per come abilitare i gateway e le regole di idoneità di ciascuno.
</Note>

<div id="accelerated-checkout-buttons-design">
  # Design dei pulsanti di checkout accelerato
</div>

Una volta configurati i pulsanti, puoi personalizzare come appaiono all'interno di Upcart.

<div id="button-height">
  ## **Altezza dei pulsanti**
</div>

* **Default button height** e **Mobile button height** si impostano separatamente, ciascuna da **25 px a 55 px**
* Ognuna ha un campo numerico e un cursore collegati allo stesso valore — usa quello che ti è più comodo

<div id="checkout-button-alignment">
  ## **Allineamento del pulsante di checkout**
</div>

* Scegli come vengono allineati i pulsanti express:

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

<div id="row-gap">
  ## **Spaziatura tra le righe**
</div>

* Imposta la spaziatura verticale tra i pulsanti impilati, da **0 px a 40 px**

<div id="advanced-display-options">
  # **Opzioni di visualizzazione avanzate**
</div>

<div id="hide-buyer-consent">
  ## **Nascondere il consenso dell'acquirente**
</div>

Quando abilitata, questa opzione nasconde il messaggio di consenso dell'acquirente solitamente visualizzato quando un prodotto in abbonamento è nel carrello. Può aiutare a ridurre il disordine visivo se fornisci già informazioni correlate altrove.

<div id="render-cart-in-shadow-dom">
  ## **Renderizzare il carrello nello Shadow DOM**
</div>

Abilita questa opzione per impedire al CSS del tuo tema Shopify di interferire con lo stile di Upcart.\
Ciò garantisce un design coerente su tutti i browser e dispositivi.

Abilitarla applica anche la stessa impostazione da **Settings > Cart settings > Advanced Settings**.

<div id="theme-compatibility-notes">
  ## **Note sulla compatibilità dei temi**
</div>

* Shopify ora applica **regole di stile rigorose** per i pulsanti di checkout accelerato.
* La nuova versione di Upcart supporta pienamente queste regole e seguirà il comportamento di stile di Shopify.

⚠️ Sul modulo attuale, un banner **Revert To Old Version** appare in alto con un pulsante **Revert To Legacy Express Payments**. Serve solo per i temi non aggiornati — tornare indietro ti riporta al comportamento precedente allo stile di Shopify, quindi lascialo stare a meno che il tuo tema non lo richieda davvero.

Se torni alla versione precedente, deseleziona tutte le opzioni di stile salvate del modulo precedente in modo che non interferiscano con la nuova versione.
