Un bouton « Retour » permet aux visiteurs de revenir en un clic à la page qu'ils venaient de consulter, ce qui s'avère pratique dans les guides détaillés, les pages de résultats de recherche et les processus de paiement en plusieurs étapes. C'est un petit détail, mais cela évite aux utilisateurs d'avoir à chercher la flèche de retour du navigateur, et sur mobile, ces petits désagréments finissent par s'accumuler.
Je vais vous présenter deux méthodes simples pour en ajouter un dans WordPress : un petit extrait de code HTML qui ne nécessite aucun plugin, et une solution sans code pour ceux qui préfèrent éviter de coder. Je vais également aborder un point que la plupart des tutoriels négligent : ce qui se passe lorsqu'un visiteur accède directement à la page sans historique permettant de revenir en arrière.
Principaux enseignements
- Un bouton « Retour » indique simplement au navigateur de revenir à la page précédente dans son historique, en utilisant
history.back(), ce qui revient à dire quehistory.go(-1). - La solution la plus fiable consiste à utiliser un petit bouton HTML personnalisé, sans avoir besoin de plugin.
- Si un visiteur arrive directement sur le site, il n'y a pas d'historique auquel se référer ; il faut donc ajouter une vérification de la source de provenance qui, à défaut, redirige vers votre page d'accueil.
- La méthode « sans code » consiste à utiliser un bouton du constructeur de pages ou un lien du menu, même si certains thèmes suppriment les liens JavaScript pour des raisons de sécurité.
- Le bouton « Retour » est une fonctionnalité pratique, mais ne constitue pas un véritable moyen de navigation ; veillez donc à conserver un fil d'Ariane ou un lien clair vers la page parente pour les robots d'indexation et les visiteurs directs.
À quoi sert réellement le bouton « Retour » ?
Il ne s'agit pas vraiment d'une fonctionnalité de WordPress, mais plutôt d'une fonctionnalité du navigateur. Le bouton « Retour » appelle history.back(), qui indique au navigateur du visiteur de revenir à l'entrée précédente de son historique, exactement comme s'il avait cliqué sur la flèche de retour (MDN présente l'API History ici).
Comme il consulte l'historique du navigateur, il redirige toujours les utilisateurs vers l'endroit où ils provient, et non d'une page fixe que vous choisissez. C'est à la fois la force et la faiblesse de cette approche, et c'est pourquoi la solution de secours ci-dessous est importante.
Méthode 1 : un bouton HTML personnalisé (sans plugin)
C'est la méthode que j'utilise moi-même, car elle tient en une seule ligne, fonctionne partout où l'on peut ajouter du code HTML et ne nécessite pas l'installation d'un plugin qu'il faudrait ensuite gérer. Il suffit d'insérer un HTML personnalisé Placez le code dans le bloc où vous souhaitez que le bouton apparaisse et collez ceci :
C'est là tout l'intérêt. Le hic, ce sont les arrivées directes : si un visiteur arrive depuis Google ou via un lien partagé, son historique sur votre site est vide, donc history.back() soit ne fait rien, soit les redirige hors de votre site. La solution consiste à vérifier d'abord la source de référence et à rediriger vers votre page d'accueil lorsqu'il n'y a nulle part où revenir (La propriété `document.referrer` est expliquée sur MDN):
Utilisez la deuxième version dans vos projets concrets. Elle se comporte de la même manière pour les visiteurs habituels, mais elle évite à tout moment qu’un visiteur arrivant directement sur la page ne se retrouve bloqué sur un bouton qui ne fait rien, ce qui offre une bien meilleure expérience aux personnes que la recherche vous envoie précisément.
Méthode 2 : un bouton « Retour » sans code
Si vous préférez ne pas toucher du tout au code HTML, la plupart des éditeurs de pages peuvent s'en charger à votre place. Dans un éditeur comme Kadence, ajoutez un élément « Bouton » et définissez son lien sur javascript:history.back(), et vous obtenez le même comportement avec un éditeur visuel, la plupart des autres générateurs proposant ce type d'option.
Souvent, les utilisateurs essaient plutôt de l'ajouter en tant que « lien personnalisé » dans le menu, ce qui peut fonctionner, mais attention : WordPress nettoie le contenu javascript : liens dans les menus sur de nombreuses configurations, il ne fait donc rien, sans le signaler. Si l'accès via le menu ne fonctionne pas chez vous, utilisez à la place le bloc « HTML personnalisé » de la méthode 1, ou, en dernier recours, un petit plugin dédié au bouton « Retour ».
| Méthode | Comment ça marche ? | Idéal pour | Attention à |
|---|---|---|---|
| Bouton HTML personnalisé | Un bouton d'une seule ligne exécutant la fonction history.back() dans un bloc HTML personnalisé | Quelqu'un serait-il d'accord pour copier-coller une ligne ? | Ajouter la solution de secours pour les arrivées directes |
| Sans code (éditeur ou menu) | Un bouton du constructeur de pages ou un lien de menu permettant de revenir en arrière | Les utilisateurs sans connaissances en programmation sur un éditeur de pages | Les menus suppriment souvent les liens JavaScript, ce qui fait que le bouton ne fonctionne pas. |
Un simple bouton « Retour » suffit-il ?
Un bouton « Retour » est très pratique, et je suis ravi d'en ajouter un, mais il doit venir compléter une navigation bien conçue plutôt que de s'y substituer. Les robots d'indexation ne cliquent jamais dessus, et les visiteurs qui accèdent directement à la page n'ont pas d'historique à exploiter ; ces lecteurs ont donc toujours besoin d'un véritable moyen de naviguer sur votre site.
Veillez à conserver un lien parent ou de catégorie clair et, dans l'idéal, un fil d'Ariane afin que chacun puisse remonter d'un niveau grâce à une URL valide. Si vous procédez ainsi, le bouton « Retour » deviendra un petit plus appréciable, ce qui est exactement son rôle. Si jamais une version flottante de ce bouton venait à entrer en conflit avec un widget d'angle, consultez mon guide sur déplacer le badge reCAPTCHA v3 présente le même type de solution ; pour d'autres astuces pratiques, consultez mes guides sur Personnalisation de la page de connexion WordPress et Modifier l'URL de wp-admin sans plugin.
Alors, quelle méthode de retour en arrière devriez-vous utiliser ?
Si c'était mon site, j'opterais pour la méthode 1 avec la solution de secours via l'en-tête « referrer », car elle tient en une seule ligne, ne nécessite aucun plugin et gère discrètement le cas d'accès direct qui pose problème à la version de base. C'est l'option la plus simple pour quiconque peut insérer un extrait de code dans un bloc « HTML personnalisé ».
Cela dit, opter pour une approche « sans code » est un choix tout à fait judicieux si vous ne touchez jamais au code ; un bouton de création de page permet d'obtenir le même résultat à partir d'un éditeur visuel. Dans tous les cas, pensez à prévoir une solution de secours, conservez une véritable navigation, et ce bouton sera une aide plutôt qu'une source de frustration.
Vous avez toujours du mal à ajouter votre bouton « Retour » ?
Si le bouton ne fonctionne pas correctement ou si vous souhaitez l'intégrer de manière harmonieuse à votre thème, n'hésitez pas à nous contacter ou m'envoyer un courriel et je me ferai un plaisir de vous orienter dans la bonne direction.
Journal des mises à jour
2 juillet 2026
- Réécriture avec un bouton fiable ne nécessitant aucun plugin, ajout d'une solution de secours pour les visiteurs provenant d'un lien direct afin que cela fonctionne même lorsqu'un utilisateur accède directement à la page, et clarification des cas où il convient plutôt de recourir à la navigation classique.
- J'ai affiné les titres des sections afin que chacun d'entre eux soit clair en soi.
Vous souhaitez que nos publications apparaissent plus souvent sur Google ?
En un clic, Google affichera ce site dans votre rubrique « À la une ».
Aujourd'hui, je suis allée à la plage avec mes enfants. J'ai trouvé un coquillage et je l'ai donné à ma fille de 4 ans en lui disant : "Tu peux entendre l'océan si tu le mets à ton oreille." Elle a porté le coquillage à son oreille et a crié. Il y avait un bernard-l'hermite à l'intérieur et il lui a pincé l'oreille. Elle ne veut plus jamais y retourner ! LoL Je sais que c'est complètement hors sujet, mais il fallait que je le dise à quelqu'un !