Comment mettre à jour le menu ou la navigation du site ?
Modifier, organiser et optimiser la navigation de votre site hôtelier
Points clés
• Mise à jour simple de la navigation via le Designer
• Gestion du texte, des liens et de l’ordre des éléments
• Impact direct sur l’expérience utilisateur
• Cohérence entre versions desktop et mobile
Mettre à jour le menu ou la navigation de votre site hôtelier est essentiel pour guider efficacement vos visiteurs vers les pages clés : chambres, restaurant, spa, offres, réservation. Que vous souhaitiez changer un intitulé, réorganiser les liens ou ajouter un nouvel élément, Webflow permet d’effectuer ces modifications rapidement et avec précision.
Modifier les éléments du menu (texte et liens)
Sélectionnez la barre de navigation (Navbar) dans le Designer.
Cliquez sur l’élément textuel que vous souhaitez modifier : il devient directement éditable.
Pour mettre à jour le lien associé, ouvrez Link Settings et choisissez :
• une page interne
• une URL externe (moteur de réservation, restaurant externe…)
• une ancre
• un fichier PDF
💡 Conseil : privilégiez des intitulés courts et clairs comme “Chambres”, “Spa”, “Restaurant”, “Offres”, “Réserver”.
Réorganiser les éléments du menu
Dans la structure du menu, glissez-déposez les éléments pour les réordonner.
Vous pouvez :
• remonter un lien important (ex : Réserver)
• regrouper des pages similaires
• supprimer les onglets devenus inutiles
Cette action permet d’améliorer le parcours de vos visiteurs et d’adapter la navigation à vos priorités marketing.
Ajouter un nouvel élément au menu
Glissez un Link Block ou un Text Link dans le menu existant.
Modifiez le texte et configurez le lien dans Link Settings.
Placez-le à l’endroit souhaité dans la navigation grâce au drag & drop.
💡 Idée : ajoutez un CTA “Réserver” stylisé pour augmenter vos conversions.
Mettre à jour la version mobile de la navigation
Passez en mode tablette puis mobile dans le Designer.
Ouvrez le menu hamburger et vérifiez :
• l’ordre des éléments
• la lisibilité du texte
• l’alignement
• le spacing vertical (souvent plus large en mobile)
Si votre menu est un composant global, les modifications se synchronisent automatiquement, mais ajustez les styles si la version mobile nécessite une mise en forme différente.
Gérer plusieurs menus (langues, versions, header alternatives)
Pour un site multilingue :
• assurez-vous d’être sur la bonne version de langue avant de modifier la navigation
• dupliquez au besoin une navigation si son contenu diffère selon la langue
Pour un header alternatif (scroll, page spéciale…) :
• vérifiez s’il s’agit d’un composant global ou d’un header indépendant avant modification
Publier vos modifications
Prévisualisez pour vérifier le rendu et les interactions, puis cliquez sur Publish. Testez votre navigation depuis un mobile réel pour valider l’expérience utilisateur.
Conclusion
Mettre à jour le menu de votre site hôtelier est une opération essentielle pour rendre la navigation plus claire, intuitive et efficace. En optimisant l’ordre, le texte et les liens de votre menu, vous améliorez la découverte de vos services et renforcez la visibilité de vos pages clés.