Vai al contenuto
memberarea memberarea.io

Incorporare il checkout in qualsiasi pagina

Condivida link di pagamento precompilati e codici QR, o aggiunga pulsanti di acquisto e un carrello a qualsiasi sito esterno con un solo script.

In questo articolo

Non le serve una pagina nella sua area di lavoro per vendere un prodotto. Un link di pagamento funziona in un'email, in una chat o in un post sui social, e poche righe di codice mettono pulsanti di acquisto e un carrello su qualsiasi sito web che già gestisce. Entrambi portano i suoi acquirenti nello stesso checkout.

Apra i link del checkout

Se i Pagamenti sono disattivati nella sua area di lavoro, li attivi prima in Impostazioni > Funzionalità.

Ogni prodotto ha il proprio link di pagamento. Apra il prodotto in Pagamenti > Catalogo > Prodotti e passi alla scheda Checkout e URL per copiare il Link di pagamento o il Link della modalità test. I link di pagamento diretti accettano ?affiliate=CODE e ?qty=N.

Per qualsiasi cosa oltre un singolo prodotto, usi Pagamenti > Catalogo > Link del checkout. Crea il link e vede un'anteprima del checkout esattamente come la vedranno i suoi acquirenti.

  1. In Prodotti e bundle, clicchi su Aggiungi prodotto o bundle. Imposti la Quantità, se il prodotto permette agli acquirenti di sceglierla, e, se il prodotto ha più prezzi, il Prezzo.
  2. Attivi Offri come extra per un prodotto singolo che l'acquirente può aggiungere nel checkout invece di acquistarlo per impostazione predefinita.
  3. In Precompila i dati dell'acquirente, inserisca un'email e un nome se crea il link per una sola persona. Questo compila solo i campi, l'acquirente può modificarli. Attivi Precompila l'indirizzo per compilare anche l'indirizzo di fatturazione.
  4. Scelga un Coupon per applicarlo automaticamente all'apertura del checkout.
  5. In Altre opzioni, imposti la Lingua del checkout o attivi Link di test per aprire il checkout in modalità test di Stripe.

In Il suo link può poi usare Copia link, Apri o Scarica il codice QR. Ogni visita registra subito un ordine aperto. Se nessuno paga, resta in sospeso in Ordini per 24 ore e viene poi segnato come scaduto, quindi un link molto condiviso mostra molti ordini in sospeso o scaduti. Può comunque inviare lo stesso link a quante persone desidera.

Il generatore di link di pagamento con un prodotto aggiunto, il link finito e il suo codice QR.
Il generatore di link di pagamento con un prodotto aggiunto, il link finito e il suo codice QR.

Con il programma partner attivo, la sezione Partner attribuisce le vendite del link a un partner e a una Campagna facoltativa. Il programma partner è disponibile solo nel piano Business.

Alcune combinazioni non possono condividere un link. Tutti i prodotti richiedono la stessa valuta, e in un ordine entra un solo abbonamento o piano rateale. Un piano rateale, o un abbonamento con prova, non si può combinare con altri prodotti. Carte regalo e biglietti per eventi non sono offerti nel generatore.

Nota

Se il generatore avvisa che gli acquirenti non possono ancora pagare, colleghi Stripe o attivi un altro metodo di pagamento in Pagamenti > Impostazioni > Metodi di pagamento.

Incorporare i widget nel suo sito web

Vada su Pagamenti > Impostazioni > Widget. Un solo script le offre due cose: una vetrina con carrello, con blocchi prodotto e un unico carrello condiviso, e un overlay del checkout che apre il checkout completo in un lightbox, così i visitatori restano sulla sua pagina.

  1. Aggiungi lo script: incolli il loader una volta per pagina, idealmente nel head del suo sito.
  2. Posizioni i suoi snippet dove devono comparire i prodotti o i pulsanti.
  3. Pubblica e prova: l'ordine compare subito in Pagamenti.
La scheda Configurazione delle impostazioni dei widget con i tre passaggi per incorporare il checkout in un sito web.
La scheda Configurazione delle impostazioni dei widget con i tre passaggi per incorporare il checkout in un sito web.

La scheda Widget offre quattro elementi: la Scheda prodotto, il Widget aggiungi al carrello, l'Icona del carrello e il Pulsante di acquisto. Scelga un prodotto nel Configuratore snippet e ogni esempio di codice nella pagina si aggiorna. Un pulsante di acquisto ha questo aspetto:

<script src="https://your-domain/embed.js" async></script>
<button data-memberarea-checkout="PRODUCT-ID">Buy now</button>

Copi lo snippet dalla pagina invece di digitarlo, perché contiene già il suo dominio e l'ID del prodotto.

Si possono incorporare solo prodotti pubblicati con un prezzo attivo. Prezzo, immagini e magazzino provengono dal suo catalogo, quindi non dovrà mai più toccare uno snippet. L'overlay del checkout non carica nulla finché un visitatore non clicca, e i visitatori pagano sul suo checkout con il suo marchio, mai su una pagina di Stripe.

Suggerimento

L'overlay segue le sue impostazioni in Pagamenti > Impostazioni > Checkout e non può essere ridisegnato dalla pagina ospitante. I widget del carrello si possono personalizzare con le variabili CSS elencate in Riferimento per sviluppatori.

Opzioni per sviluppatori

La scheda Riferimento per sviluppatori elenca i punti di montaggio, gli eventi window che i widget inviano e gli attributi facoltativi per un pulsante di acquisto. data-coupon, data-email e data-price preimpostano un coupon, l'email dell'acquirente e un prezzo specifico. data-affiliate attribuisce la vendita a un partner e, come la sezione Partner, richiede il piano Business. Se il suo sito imposta una Content Security Policy, consenta script e frame dal dominio indicato nella scheda Configurazione.

I widget funzionano con qualsiasi strumento per creare siti, dall'HTML statico a WordPress, Webflow e Framer. Se usa WordPress, veda anche Vendere i suoi corsi da WordPress.

Articoli correlati

Last updated on October 20, 2026

Questo articolo le è stato utile?

Articoli correlati