Comment modifier l’espacement entre les images de votre widget Instagram LightWidget

Points clés :

• L’espacement se règle directement dans les paramètres du widget LightWidget
  
  
• Vous pouvez définir la marge en pixels ou supprimer les espaces complètement
  
  
• Le changement nécessite de régénérer le code d’intégration
  
  
• Le flux reste responsive et harmonieux sur tous les écrans
  
  

L’espacement entre les images influence grandement la perception de votre galerie Instagram. Trop d’espace, et le flux paraît morcelé ; pas assez, et les visuels semblent compressés. Voici comment ajuster facilement les marges entre les images dans votre widget LightWidget pour un affichage parfaitement équilibré sur votre site hôtelier.

1. Connectez-vous à votre compte LightWidget

Accédez à www.lightwidget.com et connectez-vous avec vos identifiants.
Dans votre tableau de bord, sélectionnez le widget Instagram déjà intégré à votre site hôtelier. Vous verrez immédiatement un aperçu visuel de votre galerie actuelle.

💡 Conseil : si vous avez plusieurs widgets, renommez-les selon les pages ou sections de votre site (ex. “Home”, “Galerie”, “Restaurant”) pour éviter toute confusion.

2. Ouvrir les paramètres d’apparence du widget

Dans la configuration du widget, recherchez la section “Appearance” ou “Layout”.
C’est ici que vous pouvez modifier :

• Le nombre de colonnes
  
  
• La taille des images
  
  
• Et surtout, l’option “Image spacing” (ou “Gutter” selon la version)
  
  

Par défaut, LightWidget applique un espacement de quelques pixels entre chaque image. Vous pouvez :

• Réduire la valeur (ex. 5 px) pour un effet plus compact
  
  
• L’augmenter (ex. 20 px) pour plus d’aération
  
  
• Mettre 0 px pour supprimer complètement les marges et obtenir une galerie “bord à bord”
  
  

💡 Si vous souhaitez un style plus moderne, un espacement léger (entre 5 et 10 px) fonctionne particulièrement bien sur les sites hôteliers.

3. Générer un nouveau code d’intégration

Une fois vos réglages terminés, cliquez sur Get code pour générer un nouveau code d’intégration correspondant à vos préférences.
Copiez ce code dans votre presse-papiers.

4. Mettre à jour le widget sur votre site hôtelier

Ouvrez votre site dans Webflow Designer ou Editor :

1. Rendez-vous à l’emplacement du flux Instagram.
   
   
2. Double-cliquez sur le bloc Embed contenant le code LightWidget.
   
   
3. Supprimez l’ancien script et collez le nouveau code.
   
   
4. Cliquez sur Save & Close, puis Publish pour publier les changements.
   
   

💡 Après la publication, actualisez la page et vérifiez le rendu sur desktop et mobile.

5. Vérifier la compatibilité responsive

LightWidget ajuste automatiquement l’espacement selon la taille de l’écran, mais il est toujours recommandé de tester sur plusieurs appareils :

• Sur mobile, un espacement trop large peut réduire la taille des images
  
  
• Sur desktop, un léger espacement améliore la lisibilité et la cohérence visuelle
  
  

Si besoin, retournez dans LightWidget et ajustez la valeur jusqu’à obtenir un équilibre parfait entre densité et confort visuel.

Conclusion

Modifier l’espacement entre les images de votre widget LightWidget est une opération simple qui a un fort impact sur le rendu visuel de votre site hôtelier. En ajustant les marges à la bonne valeur, vous pouvez créer une galerie à la fois élégante, fluide et parfaitement intégrée à votre design.