J’aimerais changer un bloc sur toutes les pages, comment faire

Points clés :

Utiliser les symboles (ou composants) pour modifier un bloc globalement.
Appliquer les changements une seule fois sur toutes les pages.
Conserver une cohérence de design et de contenu sur le site hôtelier.

Sur un site d’hôtel conçu avec Webflow, il est fréquent d’avoir des blocs récurrents — comme le pied de page, l’en-tête, le bandeau de contact ou le bouton “Réserver”. Plutôt que de les modifier un par un, Webflow permet de transformer ces blocs en éléments globaux (appelés symboles ou composants). Voici comment les utiliser efficacement pour gagner du temps et garder un site cohérent.

1. Identifier le bloc à modifier

Déterminez quel élément doit être mis à jour sur toutes les pages :

Barre de navigation (menu, logo, bouton “Réserver”).
Pied de page (informations de contact, mentions légales).
Bannière d’appel à l’action (offre spéciale, lien vers la réservation).
💡 Astuce : assurez-vous que la structure du bloc soit identique sur chaque page avant de le transformer en symbole.

2. Transformer le bloc en symbole global

Dans Webflow Designer :

Sélectionnez le bloc que vous souhaitez réutiliser (par exemple le footer).
Faites un clic droit puis cliquez sur “Create Component” (anciennement “Create Symbol”).
Nommez-le clairement (ex. “Header global” ou “Footer hôtel”).
Ce bloc devient alors un élément global : toute modification que vous y apporterez sera automatiquement appliquée à toutes les pages où il est utilisé.

3. Modifier le bloc global

Pour mettre à jour ce composant :

Double-cliquez dessus dans le Designer.
Faites vos modifications (texte, lien, image, bouton, etc.).
Enregistrez.
Toutes les pages contenant ce symbole se mettront à jour instantanément.
💡 Astuce : si vous ne souhaitez changer qu’un détail sur une seule page (par exemple, un lien différent), vous pouvez détacher le symbole via “Unlink from Component”.

4. Ajouter le composant sur d’autres pages

Ouvrez une autre page dans le Designer.
Depuis le panneau Add (A) → Components, glissez votre bloc global à l’endroit souhaité.
Le contenu reste synchronisé avec toutes les autres pages.

5. Vérifier le rendu responsive

Comme tout élément global, assurez-vous que le bloc reste responsive :

Testez sur les vues Tablet, Mobile Landscape et Mobile Portrait.
Si vous ajustez la mise en page, ces changements seront aussi propagés automatiquement.

Bonnes pratiques pour les sites hôteliers

Créez un header global avec un bouton “Réserver maintenant” toujours visible.
Utilisez un footer cohérent (adresse, numéro de téléphone, lien Google Maps).
Regroupez les éléments récurrents dans un dossier “Composants” pour simplifier la gestion du projet.

Conclusion

Grâce aux symboles et composants Webflow, vous pouvez modifier un bloc une seule fois et appliquer la mise à jour sur tout votre site hôtelier. C’est une méthode puissante pour garantir la cohérence de votre marque, gagner du temps et maintenir un site toujours à jour sans effort.