Skip to main content

Panoramica

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 e nelle note di rilascio di Shopify sui pulsanti di checkout accelerato. Pulsanti express Shop Pay, PayPal e Google Pay sotto il pulsante di checkout di Upcart

Far apparire gli Express Payments

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:
  2. Salva il file
Ecco un esempio di come dovrebbe apparire: Lo snippet Liquid dei pulsanti di checkout aggiuntivi inserito sotto il tag body in theme.liquid 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.

Gateway di pagamento

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.
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 per come abilitare i gateway e le regole di idoneità di ciascuno.

Design dei pulsanti di checkout accelerato

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

Altezza dei pulsanti

  • 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

Allineamento del pulsante di checkout

  • Scegli come vengono allineati i pulsanti express:
    • Left
    • Right
    • Center
    • Space Between

Spaziatura tra le righe

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

Opzioni di visualizzazione avanzate

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.

Renderizzare il carrello nello Shadow DOM

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.

Note sulla compatibilità dei temi

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