Stripe Payment Link: configurazione, pulsanti sul sito e pagine di ringraziamento
Guida ai Payment Link di Stripe
Stripe Payment Link: configurazione, pulsante sul sito e reindirizzamento dopo il pagamento | We.Inc
Crea un Payment Link di Stripe, inseriscilo nel tuo sito come pulsante personalizzato o Buy Button, porta chi compra alla tua pagina di ringraziamento e scopri quale campagna ha venduto. Con codice dei pulsanti pronto da copiare.
Un Payment Link di Stripe è una pagina di checkout ospitata da Stripe che crei nella Dashboard senza scrivere codice. Crea un prodotto con un prezzo, genera il link, poi collegalo a un pulsante sul tuo sito. Dopo il pagamento puoi reindirizzare chi compra alla tua pagina di ringraziamento e aggiungere parametri al link per precompilare l'email o etichettare la vendita.
Payment Link, Buy Button o Checkout?
Opzione
Codice necessario
Ideale per
Payment Link
Nessuno; condividi o collega un URL
Vendere pochi prodotti, fatture tramite link, bio dei social
Buy Button
Incolla uno script e un tag
Un pulsante in stile Stripe incorporato nella tua pagina
Checkout (API)
Il codice lato server crea ogni sessione
Carrelli, prezzi per singolo cliente, app con login
Questa guida copre la configurazione nella Dashboard, tre modi per inserire il link in un sito, il reindirizzamento alla tua pagina di conferma, i parametri del link per precompilare e tracciare, e le impostazioni che molti trascurano: imposte, quantità e codici promozionali.
Nella Dashboard di Stripe, aggiungi un prodotto con un nome, un'immagine e un prezzo una tantum o ricorrente.
Crea un payment link per quel prezzo e scegli opzioni come quantità, codici promozionali, riscossione delle imposte e quali dati raccogliere.
Nelle impostazioni dopo il pagamento, mantieni la pagina di conferma di Stripe o reindirizza a una pagina del tuo sito.
Copia il link e collegalo a un pulsante sul tuo sito, oppure crea un Buy Button e incolla il suo codice di incorporamento.
Prova l'intero flusso in modalità test con la carta di test di Stripe, poi passa alla modalità live e ripeti con un acquisto reale che poi rimborsi.
Crea un link per ogni prodotto e prezzo. Quando il prezzo cambia, crea un nuovo link e sostituiscilo sul sito invece di riutilizzare un link a cui puntano ancora vecchi post ed email.
Attiva i codici promozionali nelle impostazioni del link se pensi di fare sconti. I codici creati in seguito funzioneranno senza toccare il sito.
Porta chi compra alla tua pagina di ringraziamento, così puoi mostrare i passaggi successivi, tracciare la conversione e proporre qualcosa di correlato.
Scrivi un'etichetta chiara sul pulsante con il prezzo, per esempio Compra il template, $29. Meno sorprese al checkout significano meno pagamenti abbandonati.
Domande frequenti
I Payment Link hanno costi aggiuntivi?
Stripe non fa pagare il link in sé. Paghi la normale commissione di elaborazione di Stripe su ogni pagamento riuscito, che dipende dal tuo paese e dal metodo di pagamento. Usa il calcolatore delle commissioni di pagamento per vedere quanto ti resta da una vendita.
Un Payment Link può vendere un abbonamento?
Sì. Assegna al prodotto un prezzo ricorrente, per esempio mensile o annuale, e il link avvia un abbonamento. I clienti possono poi gestirlo dal portale clienti di Stripe, se lo attivi.
Come reindirizzo alla mia pagina dopo il pagamento?
Nelle impostazioni dopo il pagamento del payment link, scegli di non mostrare la pagina di conferma di Stripe e inserisci l'URL della tua pagina. Puoi includere {CHECKOUT_SESSION_ID} nell'URL e Stripe lo sostituisce con l'ID della sessione, così la tua pagina o il tuo server possono recuperare l'ordine.
Il reindirizzamento basta per consegnare un prodotto digitale?
Da solo no. Chiunque abbia l'URL può aprire una pagina di ringraziamento. Per download o accesso a un account, consegna tramite qualcosa che Stripe conferma, come un webhook sul tuo server, un'automazione che reagisce al pagamento o una piattaforma di consegna collegata a Stripe.
Posso vedere da quale campagna arriva una vendita?
Sì. Stripe documenta utm_source, utm_medium, utm_campaign, utm_term e utm_content come parametri del link, e client_reference_id per un tuo riferimento. Aggiungili al link dietro ogni annuncio o post.
Configurare il link
Inizia in modalità test, così non viene addebitato nulla di reale. Crea prima il prodotto, perché il link si costruisce a partire da un prodotto e un prezzo. Aggiungi un nome chiaro e un'immagine quadrata; entrambi compaiono nella pagina di checkout.
Quando crei il link, decidi cosa raccogliere: indirizzo di fatturazione, indirizzo di spedizione, numero di telefono o campi personalizzati come il nome dell'azienda. Ogni campo in più fa perdere qualche pagamento completato, quindi chiedi solo ciò che serve per evadere l'ordine.
Se vendi in luoghi che applicano sales tax o IVA, attiva la riscossione automatica delle imposte, che usa Stripe Tax e richiede di configurare le tue registrazioni fiscali. Altrimenti includi le imposte nel prezzo e dillo nella pagina.
Inserirlo nel tuo sito
La strada più semplice è un normale link con lo stile di un pulsante, che si carica subito e si adatta al tuo design. Gli esempi qui sotto offrono tre stili da copiare. Il Buy Button è la seconda strada: Stripe disegna il pulsante per te dentro la tua pagina e gestisce il clic.
Apri il link nella stessa scheda. Aprire il checkout in una nuova scheda confonde chi usa il telefono e interrompe il ritorno alla tua pagina di ringraziamento.
Codice del pulsante per il tuo payment link
Sostituisci l'href con il tuo link. Ogni pulsante è un semplice link, quindi funziona con qualsiasi website builder che accetta HTML.
Pulsante pieno con prezzo
Un pulsante deciso a tutta larghezza sui telefoni che si restringe per adattarsi agli schermi più larghi.
Scheda prezzo con pulsante
Una piccola scheda per un singolo prodotto con ciò che è incluso e una riga rassicurante sotto il pulsante.
Pulsante outline per un'opzione secondaria
Usa uno stile più discreto per un secondo prezzo, per esempio un piano annuale accanto a uno mensile.
Incorporare il Buy Button di Stripe
Crea il Buy Button dalla pagina del payment link nella Dashboard, poi incolla il codice che ti fornisce. Ha questa forma.
Codice di incorporamento del Buy Button
Lo script si carica una volta per pagina; ogni tag stripe-buy-button disegna un pulsante. Gli ID vengono dalla tua Dashboard.
Buy Button in React
Carica lo script una volta, poi esegui il rendering del custom element. In TypeScript potresti dover dichiarare l'elemento in un file .d.ts.
Parametri del link per precompilare e tracciare
Aggiungili alla fine del link come query string. I valori devono essere codificati per URL.
Parametri URL dei Payment Link documentati da Stripe
Parametro
Esempio
Cosa fa
?prefilled_email=ana%40example.com
Compila il campo email
?prefilled_promo_code=LAUNCH20
Applica un codice promozionale (i codici promozionali devono essere attivi)
?client_reference_id=order_1042
Salva un tuo riferimento nella sessione di checkout
Copia i tag UTM dall'URL della pagina su ogni payment link della pagina, così la vendita viene attribuita all'annuncio o al post che ha portato il visitatore.
Una pagina di ringraziamento che legge la sessione
Imposta il reindirizzamento dopo il pagamento su un URL come https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. La pagina può mostrare subito un messaggio cordiale e, se hai un server, confermare il pagamento.
Corpo della pagina di ringraziamento
HTML semplice che funziona ovunque. Tieni la consegna vera e propria (link di download, accesso all'account) dietro un controllo lato server o un webhook.
Confermare la sessione sul tuo server (Node)
Usa la libreria Node ufficiale di Stripe. Non fidarti mai del solo URL; chiedi a Stripe se la sessione è stata pagata.