Passer au contenu
Français
  • Il n'y a aucune suggestion car le champ de recherche est vide.

Comment ajuster la taille des photos de votre widget Instagram LightWidget

Personnaliser l’affichage du flux pour s’adapter à votre design hôtelier

Points clés :

  • Vous pouvez ajuster la taille des images directement depuis LightWidget

  • Le nombre de colonnes et les marges influencent la taille des photos

  • Le code d’intégration peut être modifié sans casser le design

  • Le rendu s’adapte automatiquement aux écrans mobiles et tablettes

Les visuels Instagram sont au cœur de l’identité visuelle d’un hôtel. Adapter leur taille dans votre widget LightWidget permet de mieux les intégrer à votre site, d’optimiser la mise en page et d’équilibrer l’espace avec vos autres contenus.

1. Ouvrir votre compte LightWidget

Rendez-vous sur www.lightwidget.com et connectez-vous à votre compte.
Dans votre tableau de bord, sélectionnez le widget Instagram que vous souhaitez modifier. Vous verrez un aperçu en direct de votre flux actuel.

💡 Si vous avez plusieurs widgets (ex. pour différentes pages), assurez-vous de modifier le bon.

2. Ajuster la taille des images depuis les paramètres du widget

Dans les options de configuration de votre widget, vous pouvez :

  • Modifier le nombre de colonnes (par exemple : 3, 4 ou 6)

  • Changer la taille de la vignette (petite, moyenne ou grande)

  • Définir les marges entre les photos (espacement interne)

  • Activer ou désactiver les bordures si vous souhaitez un effet “galerie continue”

💡 Plus vous augmentez le nombre de colonnes, plus les photos seront petites. À l’inverse, réduire le nombre de colonnes agrandira visuellement chaque image.

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

Une fois vos réglages effectués :

  1. Cliquez sur Get code pour générer un nouveau script d’intégration.

  2. Copiez le code fourni par LightWidget.

  3. Ouvrez votre site dans Webflow Designer.

  4. Localisez la section où le flux est intégré.

  5. Remplacez l’ancien code par le nouveau.

  6. Cliquez sur Publish pour mettre à jour le site.

💡 Vous pouvez conserver le même design général : le widget se mettra automatiquement à la bonne taille selon la grille et les marges que vous avez définies.

4. Ajuster l’affichage sur mobile

LightWidget est responsive, ce qui signifie que le flux s’adapte automatiquement à la largeur de l’écran.
Cependant, il est recommandé de vérifier que :

  • Les images ne sont pas coupées sur mobile

  • Le flux reste fluide et lisible

  • Le nombre de colonnes soit réduit pour un rendu plus harmonieux (par exemple 2 colonnes au lieu de 4 sur mobile)

💡 Vous pouvez ajuster cela dans LightWidget via l’option Responsive Columns avant de générer le code.

5. Vérifier le rendu final

Après la publication, rechargez votre site hôtelier et observez le rendu sur plusieurs appareils.
Si les images paraissent trop grandes ou trop serrées, retournez dans LightWidget et ajustez progressivement les paramètres jusqu’à trouver l’équilibre parfait.

Conclusion

Agrandir ou réduire la taille des photos de votre widget LightWidget est une opération simple qui vous permet de mieux intégrer votre flux Instagram au design de votre site hôtelier. En quelques clics, vous pouvez adapter votre galerie à votre identité visuelle et offrir une expérience fluide et élégante à vos visiteurs.