Est-ce que je peux dupliquer un bloc pour créer une autre version ?

Points clés :

• Oui, il est possible de dupliquer un bloc dans Webflow.
  
  
• La duplication conserve le design, les styles et les interactions.
  
  
• Idéal pour créer plusieurs versions d’un contenu sans repartir de zéro.
  
  

Sur un site hôtelier, il est courant de vouloir tester différentes présentations d’une section — par exemple, une version “Été” et une version “Hiver” d’une bannière, ou une section “Offres spéciales” adaptée à chaque marché. Webflow permet de dupliquer un bloc en un clic, ce qui simplifie la création de variantes sans altérer l’original.

1. Dupliquer un bloc dans Webflow Designer

Dans Webflow Designer :

1. Sélectionnez le bloc que vous souhaitez dupliquer (par exemple une section, un div, une carte, un bouton).
   
   
2. Faites un clic droit et choisissez Duplicate.
   
   
3. Le bloc copié apparaît immédiatement sous l’original, avec la même structure, le même contenu et les mêmes classes.
   
   

💡 Astuce : vous pouvez aussi utiliser le raccourci clavier Cmd + C / Cmd + V (ou Ctrl + C / Ctrl + V sous Windows) pour copier-coller le bloc sur la même page ou une autre.

2. Créer une version alternative du bloc

Une fois le bloc dupliqué :

• Modifiez son contenu (textes, images, vidéos) sans affecter l’original.
  
  
• Si vous changez uniquement le texte ou les médias, les styles CSS restent partagés.
  
  
• Si vous souhaitez un design légèrement différent, créez une nouvelle classe :
  
  
  • Sélectionnez le bloc.
    
    
  • Cliquez dans le champ de classe CSS et ajoutez une combo class (ex. .banniere + .hiver).
    💡 Cela permet de personnaliser uniquement cette version tout en conservant les styles de base.
    
    

3. Dupliquer entre plusieurs pages

Pour réutiliser le bloc sur une autre page :

1. Sélectionnez le bloc → Cmd + C / Ctrl + C.
   
   
2. Ouvrez la page cible → Cmd + V / Ctrl + V.
   
   
3. Les styles et interactions seront automatiquement conservés.
   💡 Vous pouvez également enregistrer le bloc comme composant global si vous souhaitez qu’il reste synchronisé sur tout le site (utile pour les headers, footers, ou CTA).
   
   

4. Gérer les variantes d’un même bloc

Si vous souhaitez créer plusieurs versions à thème (ex. “Offre Saint-Valentin”, “Offre Famille”, “Offre Business”) :

• Dupliquez la section originale.
  
  
• Changez simplement les visuels, le texte et les liens.
  
  
• Cachez les versions non utilisées avec Display: None jusqu’à la campagne souhaitée.
  
  

💡 Cela permet de planifier vos mises à jour saisonnières sans devoir reconstruire les sections à chaque fois.

5. Vérifier la cohérence et la performance

Après duplication, vérifiez :

• Que le bloc reste responsive sur mobile et tablette.
  
  
• Qu’aucune animation ou interaction ne se déclenche en double.
  
  
• Que les liens internes pointent vers les bonnes pages.
  
  

Bonnes pratiques pour les sites hôteliers

• Utilisez la duplication pour créer des variantes de campagne ou tester différentes mises en page (“A/B testing”).
  
  
• Conservez un style uniforme : couleurs, typographies, alignements.
  
  
• Supprimez régulièrement les doublons inutilisés pour ne pas alourdir le projet.
  
  

Conclusion

Oui, vous pouvez dupliquer un bloc dans Webflow pour créer rapidement une nouvelle version d’une section sans repartir de zéro. C’est une méthode simple, flexible et idéale pour faire évoluer le design ou tester de nouvelles approches marketing sur votre site hôtelier tout en gardant une cohérence visuelle parfaite.