wix button go back to previous visited page

Vous avez sûrement déjà ressenti cette frustration intense en naviguant sur un site web : vous cliquez sur un produit ou un article de blog, puis vous voulez revenir exactement là où vous étiez sans recharger toute la page d'accueil. C'est là qu'intervient le Wix Button Go Back to Previous Visited Page, un outil simple en apparence mais qui change radicalement l'expérience utilisateur sur votre plateforme. Trop de créateurs de sites se contentent du bouton "précédent" du navigateur, ignorant que beaucoup d'internautes préfèrent une commande intégrée visuellement à l'interface. On va voir ensemble comment coder ce petit miracle d'ergonomie sans se prendre la tête.

Pourquoi l'expérience utilisateur dicte votre succès sur Wix

Le comportement des visiteurs a changé. On ne flâne plus, on scanne. Si un utilisateur doit cliquer trois fois pour retrouver une liste de résultats de recherche qu'il vient de quitter, il partira chez la concurrence. Créer un système de retour en arrière efficace ne sert pas juste à faire joli. Ça réduit votre taux de rebond de façon spectaculaire.

Imaginez un portfolio de photographe. Un visiteur clique sur une image pour la voir en grand sur une page dédiée. S'il n'y a pas de moyen clair de revenir à la galerie filtrée, il se perd. Les statistiques de la Fevad montrent régulièrement que l'ergonomie est le premier facteur de rétention sur le web français. Un simple bouton bien placé peut sauver une vente ou une prise de contact.

Le problème du bouton retour standard

Le navigateur possède son propre bouton. Alors, pourquoi s'embêter ? Parce que le contrôle. En tant que designer, vous voulez guider l'œil. Un bouton intégré au design de votre site rassure. Il dit à l'utilisateur : "Je sais où vous êtes, et je sais comment vous ramener en sécurité". C'est une question de confiance psychologique.

L'erreur classique du lien statique

Beaucoup de débutants font l'erreur de lier un bouton vers une page fixe. Ils créent un bouton "Retour" et mettent le lien vers "/boutique". Mais si l'utilisateur venait d'une catégorie spécifique ou d'un article de blog, ce lien statique est inutile, voire agaçant. Il faut de la dynamique. Il faut que le site se souvienne du chemin parcouru.

Configurer votre Wix Button Go Back to Previous Visited Page avec Velo

On entre dans le vif du sujet. Pour que ce bouton fonctionne, on va utiliser l'outil Velo de Wix. C'est l'interface de programmation qui permet d'ajouter du JavaScript à vos pages. Ne paniquez pas, c'est accessible même si vous n'avez jamais écrit une ligne de code de votre vie.

D'abord, activez le mode "Dev Mode" dans votre barre d'outils Wix en haut de l'écran. Une console va apparaître en bas. C'est votre nouveau cockpit. Sans cette activation, vous restez coincé dans les limites du glisser-déposer basique, ce qui suffit rarement pour des fonctionnalités avancées de navigation.

Préparer l'élément visuel

Ajoutez un bouton classique depuis le panneau "Ajouter". Personnalisez-le selon votre charte graphique. Donnez-lui un ID clair dans le panneau de propriétés, par exemple #backButton. C'est cet ID qui fera le pont entre le design et le code. Si vous oubliez de renommer l'ID, votre code ne saura pas sur quel objet agir. C'est la cause numéro un des bugs chez mes clients.

Le script magique

Voici comment ça se passe concrètement. Vous allez importer un module de l'API Wix appelé wix-window. Ce module contient les instructions nécessaires pour interagir avec l'historique de la fenêtre du navigateur. Le code est court. Il dit simplement : "Quand on clique sur cet ID, exécute la fonction de retour arrière".

import wixWindow from 'wix-window';
import { brio } from 'wix-location'; // Exemple de module complémentaire

$w.onReady(function () {
    $w("#backButton").onClick(() => {
        // La logique de retour commence ici
    });
});

Pour que le bouton exécute réellement le retour, on utilise généralement wix-location.to() avec une variable qui stocke l'URL précédente, ou plus simplement la fonction native du navigateur window.history.back(). Cette dernière est la plus fiable car elle gère l'historique réel stocké par Chrome, Firefox ou Safari.

Améliorer la navigation interne sans perdre vos visiteurs

Utiliser un Wix Button Go Back to Previous Visited Page est une excellente première étape, mais ce n'est pas une solution miracle si l'architecture de votre site est bancale. La navigation doit être intuitive. Les fils d'Ariane, par exemple, complètent parfaitement un bouton de retour. Ils permettent de situer la page actuelle dans une hiérarchie globale, tandis que le bouton de retour traite le mouvement linéaire.

Gérer les cas particuliers des formulaires

Attention aux pages contenant des formulaires. Si un utilisateur remplit un devis, clique sur un lien d'aide, puis revient en arrière, il risque de perdre ses données saisies. C'est là que le bât blesse. Pour éviter ce désastre, configurez vos liens d'aide pour qu'ils s'ouvrent dans un nouvel onglet ou une fenêtre contextuelle (Lightbox). Gardez la page principale intacte.

L'impact sur le SEO technique

Le référencement ne s'arrête pas aux mots-clés. Google analyse le temps de session et la profondeur de navigation. Un site où l'on circule facilement est un site qui performe. L'utilisation de JavaScript pour la navigation doit être faite proprement pour ne pas bloquer les robots d'indexation. Heureusement, Wix a fait d'énormes progrès là-dessus. Les moteurs de recherche comme Google comprennent maintenant très bien le JavaScript de base. Vous pouvez consulter les recommandations de Google Search Central pour vérifier comment les scripts affectent le crawl.

Stratégies avancées pour un site professionnel

On peut aller plus loin que le simple retour. Imaginez que votre bouton change de texte en fonction de la page précédente. "Retour aux chaussures" au lieu de juste "Retour". C'est possible en utilisant le stockage de session (wix-storage). On enregistre le nom de la page précédente dans une variable au moment du chargement, puis on l'affiche sur le bouton de la page suivante.

C'est ce genre de détail qui transforme un site amateur en une plateforme de niveau professionnel. Ça montre que vous avez pensé au confort du visiteur. On appelle ça l'UX writing, et c'est un levier de conversion souvent sous-estimé en France.

Utiliser les Lightboxes intelligemment

Parfois, vous ne voulez pas vraiment que l'utilisateur quitte la page. Les fenêtres surgissantes (Lightboxes) sont idéales pour afficher des informations complémentaires sans rompre le flux de navigation. Au lieu d'un bouton de retour, vous proposez simplement une croix de fermeture. C'est souvent plus efficace pour des fiches techniques ou des conditions générales de vente.

Tester sur mobile

C'est obligatoire. Le comportement d'un bouton de retour sur un iPhone n'est pas le même que sur un PC avec une souris. Sur mobile, l'espace est limité. Le bouton doit être assez gros pour être cliqué avec le pouce, mais pas trop pour ne pas masquer le contenu. Testez toujours votre bouton dans l'éditeur mobile de Wix. Un bouton qui ne fonctionne pas sur mobile est une condamnation à mort pour votre trafic, puisque plus de 60 % des Français naviguent principalement sur leur smartphone selon Médiamétrie.

Maintenance et dépannage du code

Le web bouge vite. Wix met à jour ses API régulièrement. Il arrive que certains scripts cessent de fonctionner du jour au lendemain si vous utilisez des fonctions dépréciées. Restez attentif aux e-mails de Wix Dev. Si votre bouton de retour ne répond plus, ouvrez la console du navigateur (F12) et regardez les erreurs en rouge. Souvent, c'est juste un ID mal orthographié ou une parenthèse oubliée.

Le problème des redirections automatiques

Si vous avez mis en place des redirections 301, le bouton de retour peut parfois s'emmêler les pinceaux. L'utilisateur clique sur retour, tombe sur la page de redirection qui le renvoie immédiatement vers la page qu'il essayait de quitter. C'est une boucle infinie frustrante. Vérifiez vos plans de redirection dans le tableau de bord SEO de Wix pour éviter ce piège.

Performance du chargement

Chaque script ajouté pèse un peu. Même si quelques lignes de JavaScript ne vont pas ralentir votre site de façon perceptible, accumuler des dizaines de fonctions inutiles finit par nuire. Soyez minimaliste. Un code propre est un code rapide. La vitesse de chargement est un critère de classement majeur pour les algorithmes actuels.

Étapes concrètes pour une mise en œuvre immédiate

N'attendez pas d'avoir fini tout votre design pour tester cette fonctionnalité. Faites-le maintenant sur une page de test. C'est la meilleure façon d'apprendre sans risquer de casser votre site en production.

1. Activez le Mode Développeur dans votre éditeur Wix.
2. Déposez un bouton sur votre page, là où il sera le plus visible (souvent en haut à gauche ou juste au-dessus du contenu principal).
3. Changez l'ID de l'élément en #backButton dans le panneau de droite.
4. Copiez le script de navigation utilisant wix-window dans la section de code de la page.
5. Publiez une version de test et essayez de naviguer depuis une autre page de votre site vers celle-ci.
6. Cliquez sur votre création. Si vous revenez à la page précédente, c'est gagné.
7. Ajustez le style visuel pour que le bouton soit cohérent avec le reste de vos éléments d'interface.
8. Répétez l'opération pour toutes les pages de destination profonde, comme les fiches produits ou les articles de blog détaillés.

L'optimisation de la navigation est un travail de longue haleine. Vous allez observer vos rapports de comportement dans Google Analytics et voir où les gens bloquent. Si vous remarquez un fort taux de sortie sur une page spécifique, demandez-vous si l'utilisateur sait comment revenir en arrière. Souvent, la réponse est non. En ajoutant cette fonctionnalité, vous offrez une sortie de secours élégante qui, paradoxalement, incite les gens à rester plus longtemps parce qu'ils ne craignent plus de se perdre dans les méandres de votre architecture.

On ne construit pas un site pour soi, on le construit pour ceux qui vont l'utiliser. Un bouton de retour bien programmé est une preuve d'empathie envers vos visiteurs. C'est une petite attention qui fait toute la différence entre un simple catalogue en ligne et une expérience numérique fluide et agréable. Prenez le temps de peaufiner ces détails, votre taux de conversion vous remerciera plus vite que vous ne le pensez. Au fond, tout est question de fluidité. Si l'utilisateur n'a pas à réfléchir à la façon de naviguer, il peut se concentrer sur l'essentiel : votre contenu et vos produits. C'est l'objectif final de tout bon stratège web.