15 exemples de pages de remerciement avec code et étapes suivantes | We.Inc
Quinze designs originaux de pages de remerciement pour les commandes, inscriptions, réservations, téléchargements et dons, chacun avec du HTML et du CSS modifiables et une étape suivante claire.
Exemples de pages de remerciement
Une bonne page de remerciement confirme ce qui vient de se passer, indique ce qui arrive ensuite et quand, et propose exactement une étape suivante utile. Vous trouverez ci-dessous quinze designs originaux pour les commandes, inscriptions, réservations, téléchargements, dons et plus encore, chacun écrit en HTML et CSS simples que vous pouvez modifier ici et copier sur votre propre site.
Adaptez l'étape suivante à ce que le visiteur vient de faire
Le visiteur vient de...
À confirmer
Meilleure étape suivante unique
Acheter quelque chose
Numéro de commande, articles, délai de livraison estimé
Suivre la commande ou créer un compte
S'abonner à une newsletter
Quelle adresse, à quelle fréquence vous envoyez
Vérifier sa boîte de réception pour confirmer, ou lire un premier article
Réserver un créneau
Date, heure, lieu ou lien vidéo
Ajouter au calendrier
Télécharger un fichier
Nom du fichier, un lien de téléchargement de secours
Guide ou outil associé
Envoyer un formulaire de contact
Délai de réponse, une copie de son message
Parcourir les réponses aux questions fréquentes
Faire un don
Montant, reçu par e-mail
Partager ou mettre en place un don mensuel
La plupart des visiteurs arrivent sur une page de remerciement au moment où ils vous font le plus confiance, puis repartent parce que la page ne dit rien. Ces exemples sont conçus pour ce moment-là. Chacun est un extrait complet et modifiable pour une entreprise fictive, dimensionné pour s'insérer dans une page, et chacun montre une manière différente d'orienter le visiteur vers l'étape qui compte ensuite.
Parcourez les exemples par situation : achats, inscriptions, réservations, téléchargements et messages, puis dons et événements.
Modifiez le code à côté de n'importe quel exemple et le cadre de résultat se met à jour pendant que vous tapez. Les scripts sont désactivés dans le cadre.
Copiez l'extrait, remplacez le texte et les couleurs par les vôtres, puis placez-le sur la page vers laquelle votre formulaire ou votre paiement redirige les gens.
Passez la checklist au-dessus des exemples avant de publier, pour que la page réponde aux questions que se poseront les visiteurs.
Rappelez le détail clé : l'adresse e-mail, l'heure de réservation ou le numéro de commande. Cela rassure les gens et repère tôt les fautes de frappe.
Dites quand la suite arrive. Un e-mail de confirmation qui arrive au bout de cinq minutes semble cassé si personne n'a prévenu de l'attendre.
Proposez une seule action principale. Un mur de boutons sociaux, de ventes additionnelles et de liens disperse l'attention et obtient généralement moins de clics sur chacun d'eux.
Gardez l'en-tête du site pour que les gens puissent continuer à naviguer, mais supprimez les pop-ups et encarts newsletter pour quelqu'un qui vient de s'inscrire.
Ajoutez une balise meta robots noindex aux pages de remerciement pour qu'elles n'apparaissent pas dans les résultats de recherche pour des personnes qui n'ont jamais converti.
Questions fréquentes
Que doit dire une page de remerciement ?
Trois choses : une confirmation exacte de ce qui s'est passé, ce à quoi le visiteur doit s'attendre ensuite et quand, et une action claire à faire maintenant. Tout le reste est facultatif.
Une page de remerciement doit-elle être indexée par les moteurs de recherche ?
En général, non. Ajoutez <meta name="robots" content="noindex"> dans le head. Google précise que si robots.txt bloque la page, son robot ne voit jamais la règle noindex : ne bloquez donc pas aussi cette page dans robots.txt.
Une page de remerciement vaut-elle mieux qu'un message de succès intégré ?
Une page séparée a sa propre adresse, ce qui simplifie le suivi des conversions et vous laisse de la place pour une étape suivante. Un message intégré garde les gens sur place, ce qui convient aux petits formulaires comme une zone de commentaire. Dans les deux cas, il faut confirmer avec des mots ce qui s'est passé.
Qu'est-ce qui fait une bonne page de confirmation de commande ?
Le numéro de commande en gros caractères, un court récapitulatif des articles et du total, l'estimation de livraison ou de retrait, l'adresse e-mail à laquelle le reçu a été envoyé, et un lien unique pour suivre ou gérer la commande.
Puis-je faire de la vente additionnelle sur une page de remerciement ?
Oui, si l'offre est clairement liée à ce que la personne vient de faire et ne repousse pas les détails de confirmation vers le bas. Un accessoire assorti ou une récompense de parrainage est bien mieux accueilli qu'une bannière de soldes générique.
Pourquoi la page après le formulaire compte
L'envoi d'un formulaire ou un paiement est le seul moment où vous savez exactement ce que quelqu'un voulait. La page qui suit peut apaiser les doutes, éviter des e-mails au support et amorcer l'étape suivante de la relation, ou bien être une impasse qui se contente de dire merci.
Rédigez la page comme la réponse à la prochaine question du visiteur. Après un paiement, c'est quand le colis arrive. Après une réservation, c'est où aller et comment changer de créneau. Après un téléchargement, c'est si le fichier a bien été enregistré.
Une confirmation accessible
Donnez à la page un titre clair comme Commande confirmée plutôt qu'une icône seule, et ne comptez pas uniquement sur la couleur pour signaler la réussite. Si vous affichez la confirmation dans la page au lieu d'une nouvelle page, placez-la dans un élément avec role="status" pour que les lecteurs d'écran l'annoncent poliment sans déplacer le focus.
Après un achat
1. Commande confirmée avec un grand numéro de commande
Le numéro est la première chose que le support demandera, il reçoit donc la plus grande taille de texte après le titre.
2. Chronologie d'expédition
Trois étapes montrent où en est la commande et fixent la fenêtre de livraison avant que quiconque ait à demander.
3. Du paiement invité au compte
Un acheteur invité a déjà saisi un e-mail, la page propose donc un champ mot de passe pour conserver l'historique des commandes.
4. Produit complémentaire, sous la confirmation
L'offre se place sous les détails de confirmation et se rapporte à ce qui a été acheté, elle se lit donc comme une aide plutôt qu'une vente forcée.
Après une inscription
5. Vérifiez votre boîte de réception
Les listes en double opt-in ont besoin de cette étape. Nommer l'expéditeur et l'objet aide les gens à trouver l'e-mail rapidement.
6. Bienvenue avec une première lecture
Une fois la personne abonnée, orientez-la vers le meilleur contenu déjà publié au lieu de la faire attendre le prochain numéro.
7. Essai gratuit démarré
Une courte liste de configuration en trois étapes transforme un compte vide en progrès, avec la première étape signalée comme point de départ.
Après une réservation ou un message
8. Rendez-vous avec ajout au calendrier
Date, heure et lieu dans un bloc compact, avec les liens calendrier et changement de créneau juste à côté.
9. Appel découverte réservé avec questions de préparation
Une courte liste de préparation rend l'appel plus utile et fixe discrètement les attentes des deux côtés.
10. Message reçu avec délai de réponse
Reprendre le message prouve qu'il est bien arrivé, et un vrai délai de réponse évite que les gens l'envoient deux fois.
11. Demande de devis avec une référence
Un numéro de référence et une personne nommée donnent l'impression que la demande de devis est prise en charge plutôt que perdue dans une file d'attente.
Après un téléchargement, un don ou une inscription à un événement
12. Téléchargement avec un lien de secours
Les navigateurs bloquent parfois les téléchargements automatiques, donc un lien visible et la taille du fichier couvrent le cas où rien n'est apparu.
13. Don avec impact et reçu
Dire à quoi sert le don et confirmer le reçu vaut mieux qu'un merci générique. L'option mensuelle est proposée une seule fois, en douceur.
14. Inscription à un événement avec un billet
Un bloc en forme de billet regroupe les détails que les gens cherchent le jour J : date, ouverture des portes et leur nom.
15. Liste d'attente avec une incitation au parrainage
Une liste d'attente est le seul endroit où une invitation au partage a sa place, car inviter des amis apporte au visiteur quelque chose qu'il veut.
Le titre dit avec des mots ce qui vient de se passer
Le détail clé est rappelé (numéro de commande, e-mail, heure)
La page dit ce qui arrive ensuite et à peu près quand
Il y a une seule étape suivante principale, présentée comme le bouton principal
Il existe un moyen de corriger une erreur (mauvais e-mail, changer de créneau, annuler)
La navigation du site reste disponible pour continuer à parcourir
Aucun pop-up ni encart d'inscription pour quelqu'un qui vient de s'inscrire
La page a une balise meta robots noindex
Checklist de la page de remerciement
{n} sur {total} faits
Tout est fait. Votre page de remerciement répond aux questions que se posent les visiteurs.