Come Scegliere un Tipo di Visualizzazione del Metodo di Pagamento

Panoramica

WP Simple Pay ti consente di scegliere come vengono visualizzati i metodi di pagamento sui tuoi moduli di pagamento sul sito. Puoi mostrarli come Schede orizzontali (l'impostazione predefinita) o come Fisarmonica impilata. Questa impostazione controlla il layout dell'Elemento di Pagamento Stripe sul frontend.

Prerequisiti

• WP Simple Pay Pro
• Un modulo di pagamento che utilizza il tipo di modulo sul sito (Incorporato o Overlay)
• Almeno un metodo di pagamento abilitato per il modulo

Configurazione del Tipo di Visualizzazione

1. Vai su WP Simple Pay > Moduli di Pagamento e modifica il tuo modulo.
2. Fai clic sulla scheda Campi del Modulo.
3. Espandi il campo Metodo di Pagamento (etichettato "Carta" nei moduli precedenti).
4. Sotto Tipo di Visualizzazione, seleziona Schede o Fisarmonica.
5. Fai clic su Pubblica o Aggiorna per salvare.

Layout a Schede

Le Schede sono il tipo di visualizzazione predefinito. I metodi di pagamento appaiono come schede orizzontali nella parte superiore dell'area di pagamento. I clienti fanno clic su una scheda per passare da un metodo all'altro.

Ideale per:

• Moduli con un numero ridotto di metodi di pagamento (2-5)
• Layout puliti e compatti dove lo spazio orizzontale è disponibile

Layout Fisarmonica

Il layout Fisarmonica visualizza i metodi di pagamento come elementi impilati verticalmente e comprimibili. I clienti fanno clic su un elemento per espanderlo e rivelarne i campi.

Ideale per:

• Moduli con molti metodi di pagamento (5+)
• Layout ottimizzati per dispositivi mobili in cui l'impilamento verticale funziona meglio
• Situazioni in cui si desidera che i nomi e le icone dei metodi di pagamento siano chiaramente visibili

Impostazioni Fisarmonica

Quando selezioni Fisarmonica, appare una sezione aggiuntiva Impostazioni Fisarmonica:

• Elementi Visibili — Il numero di metodi di pagamento da mostrare prima che appaia un pulsante "Altro". Predefinito: 5. Imposta su 0 per mostrare tutti i metodi senza un pulsante "Altro".

Questo è utile quando il tuo modulo ha molti metodi di pagamento e desideri mantenere la visualizzazione iniziale compatta pur offrendo tutte le opzioni.

Inizia Compresso

Per impostazione predefinita, il primo elemento della fisarmonica è espanso quando il modulo viene caricato. Puoi modificare questo comportamento utilizzando il filtro simpay_payment_form_accordion_default_collapsed per far sì che tutti gli elementi inizino compressi:

add_filter( 'simpay_payment_form_accordion_default_collapsed', '__return_true' );

Questo può anche essere limitato a un modulo specifico controllando l'oggetto modulo passato come secondo argomento.

Scegliere il Layout Giusto

Considerazione	Schede	Fisarmonica
Numero di metodi	2-5	5+
Spazio orizzontale	Abbastanza	Limitato
Esperienza mobile	Buono	Migliore
Visibilità metodo	Icone visibili a colpo d'occhio	Nomi + icone visibili
Spazio verticale	Compatto	Più alto

Domande frequenti

Il tipo di visualizzazione influisce sui metodi di pagamento disponibili?

No. Il tipo di visualizzazione cambia solo il modo in cui i metodi vengono disposti visivamente. Tutti i metodi di pagamento abilitati rimangono disponibili indipendentemente dalla scelta del layout.

Funziona con i moduli di Stripe Checkout (off-site)?

No. L'impostazione del tipo di visualizzazione si applica solo ai moduli sul sito che utilizzano l'Elemento di Pagamento di Stripe. I moduli off-site reindirizzano alla pagina di checkout ospitata da Stripe, che ha il proprio layout.

Posso usare diversi tipi di visualizzazione per moduli diversi?

Sì. Il tipo di visualizzazione è configurato per modulo sul campo Metodo di Pagamento, quindi ogni modulo può avere il proprio layout.

Cosa succede sui dispositivi mobili?

Entrambi i layout sono responsive. L'Elemento di Pagamento di Stripe si adatta automaticamente agli schermi più piccoli. Il layout Accordion tende a funzionare particolarmente bene sui dispositivi mobili poiché si impila verticalmente.

Cosa fare dopo?

• Styling dei moduli di pagamento con Stile Modulo – Personalizza colori, tipografia e layout
• Riferimento alle impostazioni dello Stile Modulo – Riferimento completo di tutte le impostazioni di stile