Masquer ou afficher une section selon la saison ou une période promotionnelle
Gérer la visibilité des contenus en fonction de vos besoins
Points clés
• Masquage et affichage simple depuis le Designer
• Idéal pour les offres saisonnières ou événements spéciaux
• Contrôle précis de la visibilité desktop et mobile
• Optimisation du contenu sans supprimer les éléments
Masquer ou afficher une section est particulièrement utile pour les hôtels qui souhaitent adapter leur site selon la saisonnalité : offres d’hiver, promotion Saint-Valentin, ouverture du rooftop, packages bien-être, événements, menus spéciaux. Cette méthode vous permet de conserver vos sections prêtes à l’emploi sans avoir à les recréer à chaque saison.
Masquer une section depuis le Designer
Sélectionnez la section que vous souhaitez masquer. Dans le panneau de style, accédez à la propriété Display. Choisissez l’option None pour rendre la section totalement invisible sur la page.
La section reste présente dans le Designer mais n’apparaît plus sur la version publiée.
💡 Conseil : ajoutez une classe spécifique comme “section-saison-hiver” ou “promo-printemps” afin d’identifier facilement vos contenus saisonniers sans vous perdre dans la structure.
Afficher une section masquée
Pour réactiver une section, sélectionnez-la puis changez la propriété Display vers Block, Flex ou Grid selon sa configuration initiale. La section redevient visible et s’intègre automatiquement dans la mise en page.
Masquer ou afficher selon l’appareil (desktop, tablette, mobile)
Webflow permet aussi de contrôler la visibilité par device.
Dans le panneau de style, utilisez les icônes Desktop / Tablette / Mobile pour masquer ou afficher la section sur un type d’écran spécifique.
C’est particulièrement utile si votre promotion s’affiche différemment selon le format ou si vous souhaitez épurer une page mobile.
Mise en place d’un planning saisonnier
Pour simplifier vos futures mises à jour, préparez vos sections saisonnières à l’avance puis activez-les au moment opportun.
Vous pouvez :
• garder plusieurs sections masquées prêtes pour l’année
• dupliquer un bloc promotionnel puis masquer les versions non actives
• organiser vos contenus dans le Designer avec des noms clairs et datés
Publier vos modifications
Une fois les ajustements réalisés, prévisualisez puis cliquez sur Publish pour rendre visibles ou invisibles les sections selon votre plan marketing.
Conclusion
Masquer ou afficher une section saisonnière est un moyen simple et puissant d’actualiser votre site hôtelier sans recréer vos contenus. Cette flexibilité vous permet de mettre en avant les bonnes promotions au bon moment, tout en gardant une organisation claire dans le Designer.