15 esempi di pagine di ringraziamento con codice e passi successivi | We.Inc
Quindici design originali di pagine di ringraziamento per ordini, iscrizioni, prenotazioni, download e donazioni, ognuno con HTML e CSS modificabili e un passo successivo chiaro.
Esempi di pagine di ringraziamento
Una buona pagina di ringraziamento conferma cosa è appena successo, dice cosa arriverà dopo e quando, e offre esattamente un passo successivo utile. Qui sotto trovi quindici design originali per ordini, iscrizioni, prenotazioni, download, donazioni e altro, ognuno scritto in semplice HTML e CSS che puoi modificare qui e copiare nel tuo sito.
Abbina il passo successivo a ciò che il visitatore ha appena fatto
Il visitatore ha appena...
Conferma
Miglior passo successivo
Comprato qualcosa
Numero d'ordine, articoli, stima di consegna
Traccia l'ordine o crea un account
Si è iscritto a una newsletter
Quale indirizzo, con che frequenza invii
Controlla la posta per confermare, o leggi un articolo introduttivo
Prenotato un orario
Data, ora, luogo o link video
Aggiungi al calendario
Scaricato un file
Nome del file, un link di download di riserva
Guida o strumento correlato
Inviato un modulo di contatto
Tempo di risposta, una copia del suo messaggio
Sfoglia le risposte alle domande frequenti
Fatto una donazione
Importo, ricevuta via email
Condividi o imposta una donazione mensile
La maggior parte dei visitatori arriva a una pagina di ringraziamento nel momento in cui si fida di più di te, poi se ne va perché la pagina non dice nulla. Questi esempi sono pensati per quel momento. Ognuno è uno snippet completo e modificabile per un'attività immaginaria, dimensionato per essere inserito in una pagina, e ognuno mostra un modo diverso di guidare il visitatore verso il passo che conta dopo.
Scorri gli esempi per situazione: acquisti, iscrizioni, prenotazioni, download e messaggi, poi donazioni ed eventi.
Modifica il codice accanto a qualsiasi esempio e il riquadro del risultato si aggiorna mentre scrivi. Gli script sono disattivati nel riquadro.
Copia lo snippet, inserisci i tuoi testi e colori, e mettilo nella pagina a cui il tuo modulo o checkout invia le persone.
Scorri la checklist sopra gli esempi prima di pubblicare, così la pagina risponde a ciò che i visitatori si chiederanno.
Ripeti il dettaglio chiave: l'indirizzo email, l'orario della prenotazione o il numero d'ordine. Rassicura le persone e scopre subito gli errori di battitura.
Di' quando succede la cosa successiva. Un'email di conferma che arriva dopo cinque minuti sembra un errore se nessuno ha detto di aspettarla.
Offri un'unica azione principale. Un muro di pulsanti social, upsell e link divide l'attenzione e di solito ottiene meno clic su ciascuno.
Mantieni l'header del sito così le persone possono continuare a navigare, ma elimina pop-up e box newsletter per chi si è appena iscritto.
Aggiungi un meta tag robots noindex alle pagine di ringraziamento così non compaiono nei risultati di ricerca per chi non ha mai convertito.
Domande frequenti
Cosa dovrebbe dire una pagina di ringraziamento?
Tre cose: una conferma esatta di ciò che è successo, cosa il visitatore deve aspettarsi dopo e quando, e un'azione chiara da compiere ora. Tutto il resto è facoltativo.
Una pagina di ringraziamento dovrebbe essere indicizzata dai motori di ricerca?
Di solito no. Aggiungi <meta name="robots" content="noindex"> all'head. Google precisa che se robots.txt blocca la pagina, il suo crawler non vede mai la regola noindex, quindi non bloccare la stessa pagina anche in robots.txt.
Una pagina di ringraziamento è meglio di un messaggio di successo inline?
Una pagina separata ha il suo indirizzo, il che rende semplice il tracciamento delle conversioni e ti dà spazio per un passo successivo. Un messaggio inline lascia le persone dove sono, il che si adatta a moduli piccoli come un box commenti. Entrambi dovrebbero confermare a parole cosa è successo.
Cosa rende buona una pagina di conferma ordine?
Il numero d'ordine in caratteri grandi, un breve riepilogo di articoli e totale, la stima di consegna o ritiro, l'indirizzo email a cui è andata la ricevuta, e un unico link per tracciare o gestire l'ordine.
Posso fare upsell su una pagina di ringraziamento?
Sì, se l'offerta è chiaramente legata a ciò che hanno appena fatto e non spinge in basso i dettagli della conferma. Un accessorio abbinato o un premio per chi invita è molto più gradito di un banner di saldi generico.
Perché la pagina dopo il modulo conta
L'invio di un modulo o un checkout è l'unico momento in cui sai esattamente cosa voleva qualcuno. La pagina che segue può calmare i dubbi, evitare email al supporto e avviare il passo successivo della relazione, oppure può essere un vicolo cieco che dice solo grazie.
Scrivi la pagina come risposta alla prossima domanda del visitatore. Dopo aver pagato, è quando arriva il pacco. Dopo aver prenotato, è dove andare e come spostare l'appuntamento. Dopo un download, è se il file è stato davvero salvato.
Conferma accessibile
Dai alla pagina un titolo chiaro come Ordine confermato invece di una semplice icona, ed evita di affidarti solo al colore per indicare il successo. Se mostri la conferma inline invece che su una nuova pagina, mettila in un elemento con role="status" così gli screen reader la annunciano con discrezione senza spostare il focus.
Dopo un acquisto
1. Ordine confermato con un numero d'ordine grande
Il numero è la prima cosa che il supporto chiederà, quindi ha i caratteri più grandi dopo il titolo.
2. Tempistica di spedizione
Tre passaggi mostrano a che punto è l'ordine e fissano la finestra di consegna prima che qualcuno debba chiedere.
3. Da checkout ospite ad account
Un acquirente ospite ha già digitato un'email, quindi la pagina offre un campo password per conservare lo storico degli ordini.
4. Accessorio correlato, sotto la conferma
L'offerta sta sotto i dettagli della conferma ed è legata a ciò che è stato acquistato, quindi sembra un aiuto più che una vendita aggressiva.
Dopo un'iscrizione
5. Controlla la tua casella di posta
Le liste con double opt-in hanno bisogno di questo passaggio. Indicare il mittente e l'oggetto aiuta le persone a trovare l'email in fretta.
6. Benvenuto con una lettura iniziale
Quando qualcuno è iscritto, indirizzalo alla cosa migliore che hai già pubblicato invece di fargli aspettare il prossimo numero.
7. Prova gratuita avviata
Una breve lista di configurazione in tre passaggi trasforma un account vuoto in progresso, con il primo passaggio indicato come punto di partenza.
Dopo una prenotazione o un messaggio
8. Appuntamento con aggiungi al calendario
Data, ora e luogo in un blocco compatto, con i link per il calendario e per spostare l'appuntamento proprio accanto.
9. Chiamata conoscitiva prenotata con domande di preparazione
Una breve lista di preparazione rende la chiamata più utile e definisce con discrezione le aspettative di entrambe le parti.
10. Messaggio ricevuto con tempo di risposta
Ripetere il messaggio dimostra che è arrivato, e una finestra di risposta reale evita che le persone lo inviino due volte.
11. Richiesta di preventivo con un riferimento
Un numero di riferimento e una persona con nome fanno sembrare una richiesta di preventivo presa in carico invece che persa in una coda.
Dopo un download, una donazione o un'iscrizione a un evento
12. Download con un link di riserva
A volte i browser bloccano i download automatici, quindi un link visibile e la dimensione del file coprono il caso in cui non appare nulla.
13. Donazione con impatto e ricevuta
Dire cosa fa il dono e confermare la ricevuta funziona meglio di un grazie generico. L'opzione mensile è proposta una sola volta, con garbo.
14. Registrazione all'evento con un biglietto
Un blocco a forma di biglietto contiene i dettagli che le persone cercano il giorno stesso: data, apertura porte e il loro nome.
15. Lista d'attesa con un invito a condividere
Una lista d'attesa è l'unico posto dove un invito a condividere ha senso, perché invitare amici dà al visitatore qualcosa che desidera.
Il titolo dice a parole cosa è appena successo
Il dettaglio chiave viene ripetuto (numero d'ordine, email, orario)
Dice cosa arriva dopo e più o meno quando
C'è un unico passo successivo principale, con lo stile del pulsante principale
C'è un modo per correggere un errore (email sbagliata, spostare, annullare)
La navigazione del sito è ancora disponibile per continuare a navigare
Nessun pop-up o box di iscrizione per chi si è appena iscritto
La pagina ha un meta tag robots noindex
Checklist della pagina di ringraziamento
{n} di {total} completati
Tutto fatto. La tua pagina di ringraziamento risponde a ciò che i visitatori si chiederanno.