Modifier la navigation sur Shopify : menus, header et footer

Cette vidéo vous explique comment modifier la navigation d'une boutique Shopify, en mettant l'accent sur la gestion des menus, du header et du footer. Apprenez à personnaliser ces sections essentielles pour offrir une meilleure expérience utilisateur.

Détails de la leçon

Description de la leçon

Cette leçon se consacre à la gestion avancée de la navigation sur Shopify, en détaillant les étapes pour modifier le menu principal, l'entête (header) et le pied de page (footer) d’une boutique en ligne. Elle commence par expliquer la différence entre le contenu éditable des pages internes et celui des sections communes telles que l’en-tête et le pied de page, qui restent identiques sur toutes les pages du site. La vidéo insiste notamment sur l’importance de ces sections pour la cohérence de l'identité visuelle et la facilité de navigation.


L’auteur montre comment accéder et modifier le menu principal via le backoffice Shopify, en passant par la rubrique contenu > menu plutôt que par l’éditeur de thèmes. Il est conseillé de ne pas ajouter la page d’accueil dans le menu, car il est préférable d’y accéder via le logo, pour respecter les standards UX. D’autres points abordés comprennent la gestion de plusieurs menus (par exemple, un menu principal et un menu pied de page), la modification des intitulés et leur mise à jour en temps réel dans l’éditeur.


Enfin, une démonstration du rendu mobile est proposée, avec le fonctionnement du menu burger pour l'accès aux liens principaux sur smartphone. Vous apprendrez ainsi à personnaliser avec pertinence chaque zone de la navigation pour qu’elle corresponde aux attentes des visiteurs et facilite leur parcours sur votre boutique Shopify.

Objectifs de cette leçon

L’objectif principal est de permettre au spectateur de modifier et personnaliser le menu de navigation de sa boutique Shopify (menu principal, header, et footer), de comprendre la distinction entre les sections modifiables et communes du site, et d’optimiser la navigation pour offrir une expérience utilisateur cohérente et efficace, sur ordinateur comme sur mobile.

Prérequis pour cette leçon

Il est recommandé d’avoir accès à un backoffice Shopify, de connaître les bases de la gestion d'une boutique en ligne, ainsi qu’une compréhension élémentaire de l’interface d’administration Shopify. Aucun prérequis technique spécifique n’est nécessaire, la vidéo étant conçue pour les utilisateurs débutants à intermédiaires.

Métiers concernés

Les compétences abordées dans cette vidéo concernent principalement les gestionnaires de boutiques en ligne, webmasters, UI/UX designers et chefs de projet e-commerce, qui souhaitent optimiser la navigation d’un site Shopify pour améliorer la conversion et la satisfaction client.

Alternatives et ressources

Pour modifier la navigation sur d’autres plateformes e-commerce, il existe des alternatives telles que WooCommerce (WordPress), PrestaShop, Wix ou BigCommerce, chacune proposant ses propres outils de gestion de menus et de navigation. Pour Shopify, certaines applications tierces du Shopify App Store offrent des options de menus avancés (Mega Menu, Globo Menu, etc.).

Questions & Réponses

Il est recommandé de ne pas ajouter la page d'accueil dans le menu principal car les visiteurs s’attendent à pouvoir revenir à l’accueil en cliquant sur le logo. Ajouter un lien 'Accueil' serait redondant et contre les usages UX standards.
Pour modifier le menu principal, il faut passer par le backoffice Shopify, rubrique 'contenu' puis 'menu', et non par l’éditeur visuel du thème. Ceci permet d’ajouter, supprimer ou modifier les liens et leurs étiquettes.
Le header et le footer sont des sections communes qui restent identiques sur toutes les pages du site. Modifier leur contenu s’applique à l’ensemble de la boutique, tandis que les modifications effectuées dans le contenu principal ne concernent que la page éditée.