Masquer temporairement le bouton “Réserver” sur votre site hôtelier

Points clés :

Utile lors d’une maintenance du moteur de réservation.
Permet d’éviter les clics vers une page indisponible.
Solution réversible sans supprimer le design.

Masquer le bouton “Réserver” peut s’avérer pratique lorsque votre moteur de réservation est en cours de mise à jour, en maintenance ou temporairement indisponible. Cela permet de préserver l’expérience utilisateur et d’éviter les frustrations liées à un lien inactif. L’objectif est de rendre le bouton invisible sans le supprimer définitivement, afin de le réactiver facilement une fois le service opérationnel.

Méthodes pour masquer le bouton

Il existe plusieurs façons de masquer temporairement le bouton “Réserver” selon votre niveau d’accès (Designer ou Editor) et le besoin de rapidité.

1. Depuis le Designer (méthode visuelle complète)

Sélectionnez le bouton “Réserver” dans le Designer.
Dans le panneau Style, ouvrez la section Display.
Passez le paramètre sur None (au lieu de Block ou Flex).
Le bouton disparaît du site publié, sans être supprimé.
Lorsque vous souhaitez le réactiver, repassez simplement l’affichage en Block.

💡 Astuce : ajoutez une note interne ou un tag dans le panneau Navigator pour penser à le réactiver plus tard.

2. Depuis l’Editor (si vous n’avez pas accès au Designer)

Connectez-vous à votre Webflow Editor.
Survolez la section contenant le bouton.
Si le bouton est intégré sous forme de composant ou de bloc texte, vous pouvez le supprimer temporairement depuis l’Editor.
Pour le masquer sans le supprimer, demandez à un administrateur Designer d’appliquer un display: none via un champ conditionnel ou un style temporaire.

3. Utiliser une condition logique (CMS ou composant dynamique)

Si votre bouton est relié à une Collection ou un bloc dynamique :

Ajoutez une condition “Afficher si le moteur est actif”.
Décochez cette condition tant que la maintenance est en cours.
Le bouton disparaîtra automatiquement sur toutes les pages concernées.

Bonnes pratiques

Prévenez vos visiteurs avec un court message comme “Les réservations en ligne sont momentanément indisponibles”.
Ne supprimez jamais le bouton définitivement : conservez la structure HTML pour éviter les erreurs de mise en page.
Testez le comportement sur mobile et desktop avant publication.
Réactivez le bouton dès que le moteur est de nouveau fonctionnel.

Conclusion

Masquer temporairement le bouton “Réserver” est une solution simple et sûre pour gérer les périodes de maintenance sans altérer le design de votre site hôtelier. En quelques clics, vous protégez l’expérience client tout en conservant une parfaite maîtrise de votre interface.