Comment ajouter une icône de réseau social dans le footer de votre site hôtelier

Points clés
• Le footer contient souvent des icônes configurées en éléments globaux
• L’Editor permet parfois de modifier les liens mais pas d’ajouter de nouvelles icônes
• L’ajout d’une nouvelle icône nécessite souvent une intervention Designer
• Une bonne intégration garantit cohérence visuelle et responsive

Les icônes de réseaux sociaux situées dans le pied de page sont un élément essentiel pour renforcer la visibilité de votre hôtel et faciliter l’accès à vos plateformes comme Instagram, Facebook ou LinkedIn. Les ajouter ou les modifier doit être fait proprement pour conserver une mise en page cohérente et élégante.

Voici comment procéder selon les options disponibles sur votre site.

Modifier un lien de réseau social existant dans le footer

Si l’icône que vous souhaitez ajouter existe déjà dans la structure (ex : une icône inactive ou un placeholder), vous pouvez la mettre à jour via l’Editor.

Procédure :

Ouvrez votre site publié.
Cliquez sur Login pour accéder à l’Editor.
Descendez jusqu’au pied de page.
Survolez l’icône à modifier et cliquez sur Edit.
Cliquez sur l’icône de Lien.
Collez l’URL de votre réseau social (ex : https://instagram.com/votre-hotel).
Activez Open in new tab pour que le lien s’ouvre dans un nouvel onglet.
Publiez la page.

💡 Cette méthode est possible uniquement si l’icône existe déjà.

Ajouter une nouvelle icône via l’Editor (rare mais possible)

Dans quelques sites, les icônes sont gérées via une Collection CMS (ex : “Réseaux sociaux”).
Dans ce cas, vous pouvez ajouter une nouvelle icône via l’Editor :

Ouvrez Login dans l’Editor.
Accédez à la Collection “Réseaux sociaux” si elle existe.
Cliquez sur New Item.
Ajoutez :
• Le nom du réseau
• L’icône (SVG recommandé)
• L’URL du réseau social
Enregistrez et publiez.

💡 Si votre footer est dynamique, cette option rend l’ajout très simple et propre.

Ajouter une nouvelle icône via le Designer (méthode la plus courante)

Si votre site n’utilise pas de CMS pour les icônes, l’ajout doit se faire dans le Designer.
Cela permet de garantir :
• Une mise en page cohérente
• Une taille d’icône homogène
• Un alignement parfait avec les autres réseaux
• Une optimisation mobile correcte

Procédure :

Ouvrez le Designer.
Sélectionnez la zone de réseaux sociaux dans le footer.
Dupliquez une icône existante ou ajoutez une nouvelle image ou un SVG.
Importez l’icône du nouveau réseau social.
Ajoutez un lien autour de l’icône :
• Collez l’URL du réseau
• Activez “Open in new tab”
Ajustez le spacing, l’alignement et la taille.
Vérifiez le rendu mobile et tablette.
Publiez le site.

💡 Utilisez toujours des icônes SVG pour une netteté parfaite sur tous les écrans.

Vérifier l’affichage mobile

Les réseaux sociaux étant souvent affichés en ligne, le risque sur mobile est :
• Icônes trop petites
• Icônes écrasées ou déformées
• Saut de ligne mal placé
• Alignement centré incorrect

Testez :
• Sur un iPhone
• Sur Android
• En mode portrait et paysage

Ajustez les marges et l’espacement si nécessaire.

Bonnes pratiques visuelles pour un hôtel

Pour conserver une présentation élégante :
• Utilisez uniquement des icônes monochromes ou harmonisées au design du site
• Évitez les couleurs saturées qui cassent la charte
• Utilisez la même taille et la même épaisseur pour chaque icône
• Maintenez un espace cohérent entre chaque bouton

Un footer propre améliore la perception premium de votre établissement.

Conclusion

Oui, vous pouvez ajouter une icône de réseau social dans le footer de votre site hôtelier, mais la méthode dépend de la structure du site. Si l’icône existe déjà, l’Editor suffit ; pour en ajouter une nouvelle, le Designer est généralement nécessaire. En suivant les bonnes pratiques de mise en page et de responsive, vous garantissez un rendu professionnel et efficace.