Si je modifie un composant, est-ce que ça change partout ?

Points clés :

• Un composant est un élément réutilisable et synchronisé dans tout le site.
  
  
• Toute modification affecte toutes les instances du composant.
  
  
• Vous pouvez aussi créer des variantes indépendantes si nécessaire.
  
  

Les composants (anciennement appelés “symboles”) sont l’un des outils les plus puissants de Webflow. Ils permettent d’unifier les éléments récurrents d’un site hôtelier — comme la barre de navigation, le bouton “Réserver maintenant” ou le pied de page — tout en assurant une cohérence parfaite sur l’ensemble des pages. Voici comment cela fonctionne concrètement.

1. Un composant = un bloc synchronisé

Lorsqu’un élément est transformé en composant global, il devient une référence unique dans tout votre site.

• Si vous modifiez le contenu (texte, image, lien, style) dans une instance du composant, Webflow applique automatiquement la même mise à jour à toutes les autres occurrences du composant.
  💡 Exemple : si vous changez le numéro de téléphone dans le pied de page, il sera mis à jour sur toutes les pages de votre site, instantanément.
  
  

2. Comment modifier un composant global

Pour mettre à jour un composant :

1. Sélectionnez le composant dans le Designer.
   
   
2. Double-cliquez dessus pour entrer dans son mode d’édition.
   
   
3. Faites vos modifications (texte, couleur, bouton, lien…).
   
   
4. Cliquez sur “Save Component” pour valider.
   Toutes les pages contenant ce composant seront automatiquement actualisées.
   
   

3. Créer une version différente d’un composant

Il arrive que vous souhaitiez conserver le composant global mais le modifier légèrement sur une page (ex. un bouton “Réserver” bleu au lieu de doré sur la page Contact).
Deux solutions possibles :

• Unlink (Détacher) : supprime le lien avec le composant global. Vous pouvez alors le personnaliser sans impacter les autres pages.
  
  
• Duplicate (Dupliquer) : créez une nouvelle version du composant (ex. “Footer – version contact”) que vous utiliserez uniquement sur certaines pages.
  💡 Cela vous permet de garder la logique globale tout en adaptant certains contenus à des besoins spécifiques.
  
  

4. Contrôler les modifications globales

Avant de publier, vérifiez toujours :

• Que les changements apportés à un composant n’altèrent pas sa mise en page sur d’autres vues (tablette, mobile).
  
  
• Que les textes ou images remplacés restent cohérents avec le style du site hôtelier.
  💡 Pour éviter toute erreur, vous pouvez prévisualiser l’ensemble du site avant publication via Preview.
  
  

5. Bonnes pratiques pour les sites hôteliers

• Créez des composants globaux pour :
  
  
  • Le header (menu, logo, bouton “Réserver”).
    
    
  • Le footer (adresse, téléphone, liens sociaux).
    
    
  • Les bannières d’appel à l’action (“Réservez votre séjour”).
    
    
• Évitez de multiplier les variantes de composants sans nommage clair : utilisez des noms explicites comme “Header – Global” ou “Footer – FR”.
  
  

Conclusion

Oui, toute modification effectuée sur un composant Webflow se répercute automatiquement sur toutes les pages où ce composant est utilisé. C’est une fonctionnalité essentielle pour maintenir la cohérence de votre site hôtelier, gagner du temps et garantir une expérience homogène pour vos visiteurs.