Blog WP Simple Pay

Tutorial, Suggerimenti e Risorse Stripe per WordPress per Accettare Pagamenti

Tipi di moduli di pagamento: incorporato, sovrapposto o Stripe Checkout

Ultimo aggiornamento il

Written By: immagine autore Natalie Jones

Hai desiderato saperne di più sui diversi tipi di moduli di pagamento?

I moduli di pagamento sono uno degli elementi più importanti del tuo sito e-commerce. Sono l'ultimo punto che i tuoi visitatori raggiungono prima di trasformarsi in clienti. Mentre moduli di pagamento ben progettati offriranno un'esperienza di checkout fluida e aumenteranno le conversioni, moduli di pagamento mal progettati confonderanno i visitatori e porteranno a tassi di abbandono del carrello elevati.

Quando si tratta di visualizzare moduli di pagamento sul tuo sito WordPress, hai alcune opzioni.

  • Moduli incorporati: Moduli visualizzati direttamente su una pagina del tuo sito.
  • Modale sovrapposto: Moduli visualizzati come popup sovrapposto sul tuo sito.
  • Pagine di pagamento ospitate: Moduli esterni visualizzati su una pagina di checkout ospitata.

In questo articolo, esamineremo i vantaggi e gli svantaggi di ciascun tipo di modulo per aiutarti a decidere quale sia il migliore per il tuo sito.

Opzioni di visualizzazione del modulo di pagamento

Se utilizzi WP Simple Pay, il plugin per pagamenti Stripe n. 1 per WordPress, per accettare pagamenti sul tuo sito, puoi selezionare il tipo di modulo preferito nella scheda Generale del costruttore di moduli di pagamento.

Puoi scegliere Modulo di pagamento sul sito, Modulo di pagamento Stripe Checkout esterno o selezionare la casella Apri in una modale sovrapposta.

Tieni presente che queste impostazioni si applicano a ciascun modulo. Puoi avere più moduli di pagamento sul tuo sito che vengono visualizzati in modo diverso. WP Simple Pay ti consente di regolare facilmente il Tipo di modulo per i singoli moduli di pagamento nel costruttore di moduli.

Modulo di pagamento incorporato

Un modulo incorporato è parte di una pagina web. Visualizza tutti i campi sulla pagina stessa. Gli utenti non devono fare clic su nulla per far apparire il modulo o navigare verso di esso perché è sempre visibile.

Ecco un esempio:

Puoi incorporare un modulo di pagamento ovunque desideri in una pagina. Potresti decidere di posizionarlo a lato del testo della tua pagina, sopra un'immagine accattivante o nella barra laterale.

Vantaggi dei moduli incorporati

  • Gli utenti possono trovarli rapidamente perché sono direttamente sulla pagina.
  • Gli utenti non devono eseguire passaggi aggiuntivi per accedervi.
  • Possono essere stilizzati o riorganizzati a tuo piacimento.
  • In WP Simple Pay, utilizzano Stripe Payment Element per fornire convalida in tempo reale e raccogliere in modo sicuro i dettagli di pagamento.

Svantaggi dei moduli incorporati

  • Occupano spazio sulla pagina che potresti voler utilizzare per altri elementi.
  • Si caricano immediatamente, il che potrebbe rallentare il tempo di caricamento della pagina.
  • È possibile che vengano persi se ci sono molte cose che accadono sulla pagina.
  • Gli utenti potrebbero distrarsi e allontanarsi prima di utilizzare il modulo.

Modulo di pagamento sovrapposto

I moduli di pagamento sovrapposti appaiono quando un utente fa clic su un pulsante di invito all'azione su una pagina del tuo sito, solitamente con scritto qualcosa come "Acquista ora" o "Checkout ora".

Una volta che il modulo è attivo, tutto il resto sulla pagina è inaccessibile a meno che non chiudano il modulo.

Nota come il resto della pagina si scurisce, permettendoti di concentrarti sul modulo di pagamento.

Vantaggi dei moduli overlay

  • È impossibile non notarlo perché appare in primo piano. Il resto della pagina si oscura per indicare che non è disponibile.
  • Possono essere stilizzati o riorganizzati a tuo piacimento.
  • In WP Simple Pay, utilizzano Stripe Payment Element per fornire convalida in tempo reale e raccogliere in modo sicuro i dettagli di pagamento.

Svantaggi dei moduli overlay

  • Ad alcuni utenti non piacciono i popup di alcun tipo e li chiuderanno immediatamente.
  • Gli utenti devono fare clic su un pulsante per far apparire l'overlay.
  • Gli utenti potrebbero non notare il pulsante di pagamento se non è reso sufficientemente evidente.
  • Creano un passaggio aggiuntivo in cui gli utenti potrebbero abbandonare il processo di checkout.

Modulo di pagamento Stripe Checkout

Stripe Checkout è una pagina ospitata dal servizio Checkout di Stripe. Gli utenti vengono reindirizzati a una nuova pagina sul dominio di Stripe. Le informazioni sul loro ordine sono mostrate a sinistra. Un tipico modulo di pagamento appare a destra.

Puoi vedere una demo live qui. La pagina Stripe Checkout non può essere personalizzata oltre quanto visto in questa pagina poiché è controllata da Stripe. Se hai bisogno di un livello di personalizzazione più elevato, dovrai optare per un modulo incorporato o overlay.

Moduli di pagamento

Per personalizzare questo modulo, puoi farlo facilmente navigando nella scheda Stripe Checkout in WP Simple Pay. Qui puoi configurare tutte le opzioni disponibili per le pagine di checkout ospitate da Stripe.

Se desideri modificare il colore dello sfondo di Stripe Checkout e del pulsante di pagamento, dovrai modificare il colore nella sezione Branding della tua Stripe Dashboard. Puoi accedere facilmente a questa pagina direttamente dalla scheda Stripe Checkout cliccando sul link Impostazioni di branding.

Vuoi aggiungere campi personalizzati al tuo modulo di pagamento Stripe Checkout? Consulta la nostra guida passo passo.

Vantaggi di Stripe Checkout

  • Molte persone si fidano di Stripe, il che migliora le conversioni quando vedono il logo Stripe.
  • La pagina di Stripe è pulita e semplice. Non c'è nulla che possa distrarre gli utenti dall'acquisto.
  • Gli utenti vengono reindirizzati al tuo sito dopo aver completato il loro acquisto.
  • Apple Pay e Google Pay sono abilitati per impostazione predefinita, quindi gli utenti possono pagare con il loro metodo di pagamento preferito.

Svantaggi di Stripe Checkout

  • Gli utenti vengono inviati a una nuova pagina, il che può creare confusione.
  • Gli utenti potrebbero non notare il pulsante di pagamento se non è reso sufficientemente evidente.

Quale tipo di modulo di pagamento è giusto per te?

Ora che comprendi le tre diverse opzioni di visualizzazione del modulo di pagamento, dovrai decidere quale è giusta per il tuo sito.

Funzionalmente, non c'è differenza tra il modulo incorporato e il modulo overlay. Il modulo overlay è semplicemente incorporato in un elemento che appare solo quando l'utente fa clic su un pulsante. Stesso modulo, posizione diversa.

Stripe Checkout funziona in modo leggermente diverso perché appare su un'altra pagina. Ma alla fine, fanno tutti la stessa cosa: accettare fondi dal cliente e metterli nel tuo account.

Quindi, quando scegli un'opzione di visualizzazione del modulo di pagamento, dovrai considerare due fattori:

1. Il design del tuo sito

Quale tipo di modulo si integra meglio nel tuo sito? Hai spazio per incorporare un modulo in una delle tue landing page, o ciò affollerebbe la pagina? Se hai una landing page esistente senza spazio per un modulo di pagamento, aggiungere un overlay è solitamente più pulito.

Tieni presente che puoi aggiungere il tuo modulo di pagamento in qualsiasi punto del tuo sito, non solo nell'area di contenuto di una pagina o di un post. Puoi anche includerlo nel piè di pagina, nella barra laterale o nell'intestazione.

Ad esempio, molte organizzazioni no-profit e associazioni di beneficenza aggiungono un pulsante di donazione alla loro intestazione, consentendo ai visitatori di donare da qualsiasi pagina.

2. Ottimizzazione delle conversioni

Successivamente, considera quale tipo di modulo incoraggerà il maggior numero di conversioni. Chiediti con quale tipo di modulo i tuoi clienti sono più propensi a interagire. Potrebbe essere necessario effettuare alcune ricerche sui clienti.

In verità, il modo migliore per determinare quale tipo di modulo massimizzerà le conversioni è testarli l'uno contro l'altro. Puoi installare un plugin per test A/B per mostrare una versione della tua landing page a metà del tuo traffico e una seconda versione all'altra metà. Ogni pagina dovrebbe avere un diverso tipo di visualizzazione del modulo di pagamento. Se hai molto traffico, puoi testare tutte e tre le versioni contemporaneamente. Quindi, rivedi i risultati dopo 30-60 giorni.

Considerazioni finali

Ora che comprendi i tre diversi tipi di moduli di pagamento che puoi utilizzare sul tuo sito, scegli quello giusto per la tua attività e per i tuoi clienti.

Pensa attentamente a questa decisione. Potrebbe essere solo un modulo, ma rappresenta un punto significativo nel tuo rapporto con i tuoi clienti.

Se ti è piaciuto questo articolo, potresti anche voler consultare le nostre guide su come ottimizzare le tue pagine prodotto per aumentare le vendite e come creare moduli di pagamento perfetti in WordPress.

Cosa stai aspettando? Inizia oggi stesso con WP Simple Pay!

Per leggere altri articoli come questo, seguici su X.

Divulgazione: I nostri contenuti sono supportati dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Raccomandiamo solo prodotti che crediamo aggiungeranno valore ai nostri lettori.

Inizia ad Accettare Pagamenti Oggi

Inizia ad accettare pagamenti una tantum e ricorrenti o donazioni sul tuo sito WordPress.