Ajouter des boutons de médias sociaux à votre site web
Les médias sociaux sont indispensables pour votre présence en ligne. En plaçant des boutons et des flux de médias sociaux sur votre site web, vous facilitez aux visiteurs le fait de vous suivre et de partager du contenu. Cela augmente votre portée et construit une communauté autour de votre marque.
Pourquoi intégrer les médias sociaux
Les avantages des médias sociaux sur votre site web :
- Les visiteurs peuvent vous suivre d'un clic
- Le contenu est plus facilement partagé
- Preuve sociale en affichant des abonnés
- Contenu frais via des flux sociaux
- Reconnaissance de marque améliorée
- Plus de trafic depuis les plateformes sociales
Ajouter des icônes de médias sociaux
Étape 1 : Placer le bloc d'icônes
- Ouvrez votre page dans Sitebuilder
- Cliquez sur l'**icône plus** pour ajouter un élément
- Recherchez **Icônes sociales** ou **Médias sociaux**
- Faites glisser le bloc à la position souhaitée
Étape 2 : Sélectionner les plateformes
Choisissez les plateformes que vous souhaitez afficher :
- Cliquez sur le bloc d'icônes sociales
- Allez dans **Paramètres**
- Cochez les plateformes que vous utilisez :
- X (anciennement Twitter)
- YouTube
- TikTok
- WhatsApp Business
Étape 3 : Ajouter des liens
- Cliquez sur chaque icône
- Collez l'URL vers votre profil
- Par exemple : https://www.facebook.com/votrepag
- Répétez pour toutes les plateformes
Style des icônes
Ajustez l'apparence pour qu'elle corresponde à votre site web.
Styles d'icônes
Choisissez un style pour vos icônes :
- **Rempli** : Icône avec un fond coloré
- **Contour** : Seulement le contour de l'icône
- **Minimaliste** : Icônes en ligne simples
- **Carré** : Avec des coins arrondis
- **Rond** : Icônes en forme de cercle
Ajuster les couleurs
- Sélectionnez le bloc d'icônes
- Allez dans **Design**
- Choisissez :
- **Couleurs originales** : Bleu Facebook, dégradé Instagram, etc.
- **Une couleur** : Toutes de la même couleur (selon votre charte graphique)
- **Couleurs personnalisées** : Configurer par icône
Taille et espacement
Ajustez la taille :
- Faites glisser le régulateur de taille
- Définissez l'espace entre les icônes
- Choisissez un alignement horizontal ou vertical
Ajouter des boutons de partage
Permettez aux visiteurs de partager votre contenu sur les médias sociaux.
Placer le bloc de partage
- Allez sur la page que vous souhaitez rendre partageable
- Ajoutez un élément **Boutons de partage**
- Positionnez-le près de votre article ou produit
Plateformes partageables
Choisissez les plateformes disponibles :
- Partager sur Facebook
- Partager sur LinkedIn
- Tweeter sur X (Twitter)
- Envoyer sur WhatsApp
- Transférer par e-mail
- Copier le lien
Configurer le contenu partageable
- Ouvrez les paramètres du bloc de partage
- Configurez :
- **URL** : Page actuelle ou lien spécifique
- **Titre** : Ce qui sera partagé
- **Image** : Via les paramètres Open Graph
Afficher les flux de médias sociaux
Affichez vos derniers posts directement sur votre site web.
Flux Instagram
- Ajoutez un élément **Flux Instagram**
- Connectez votre compte Instagram
- Configurez :
- Nombre de posts (4, 6, 8, 12)
- Mise en page des colonnes
- Afficher ou masquer les likes et les commentaires
Flux Facebook
- Ajoutez un élément **Flux Facebook**
- Connectez votre page Facebook
- Choisissez quels posts seront affichés
- Stylisez le flux à votre goût
Mises à jour automatiques
Les flux sont automatiquement mis à jour lorsque vous publiez du nouveau contenu sur les médias sociaux. Vous n'avez rien à faire manuellement.
Suggestions de placement
Où placer au mieux les éléments de médias sociaux ?
En-tête ou pied de page
Emplacement le plus courant :
- Allez dans votre modèle d'en-tête ou de pied de page
- Ajoutez des icônes sociales
- Ils apparaîtront maintenant sur chaque page
Barre latérale
Pour les blogs et les sites de contenu :
- Créez une section de barre latérale
- Ajoutez des boutons de suivi
- Affichez votre flux Instagram
Page de contact
Un endroit logique pour les liens sociaux :
- Placez des icônes près de vos coordonnées
- Ajoutez un message personnel
- Combinez avec une carte
Articles de blog
À côté ou sous vos articles :
- Ajoutez des boutons de partage au-dessus ou en dessous du contenu
- Affichez l'auteur avec des liens sociaux
- Encouragez le partage avec un appel à l'action
Meilleures pratiques
Restez pertinent
- Affichez uniquement les plateformes que vous utilisez activement
- Supprimez les profils inactifs
- Qualité plutôt que quantité
Branding cohérent
- Utilisez la même photo de profil sur toutes les plateformes
- Gardez le nom de votre entreprise cohérent
- Liez vers des profils professionnels
Optimisation mobile
- Testez si les icônes sont assez grandes pour être touchées
- Vérifiez si les liens s'ouvrent correctement sur mobile
- Envisagez des boutons sociaux collants
Options avancées
Bouton de chat WhatsApp
Ajoutez un bouton WhatsApp pour un contact direct :
- Ajoutez un élément **Bouton WhatsApp**
- Entrez votre numéro de téléphone professionnel
- Définissez un message par défaut
- Choisissez la position (souvent en bas à droite)
Afficher la preuve sociale
Affichez votre nombre d'abonnés :
- Certains widgets affichent automatiquement les abonnés
- Utilisez des badges des plateformes
- Faites attention aux faibles chiffres
Optimisation Open Graph
Déterminez à quoi ressemblent vos pages lorsqu'elles sont partagées :
- Allez dans **Paramètres de la page** et sélectionnez **SEO**
- Faites défiler jusqu'à **Médias sociaux**
- Téléchargez une **image OG** (1200x630 pixels)
- Remplissez un titre et une description attrayants
Questions fréquentes
Les icônes ne s'affichent pas
Vérifiez :
- L'élément est-il correctement ajouté ?
- Les URLs sont-elles valides ?
- Y a-t-il un conflit avec votre thème ?
Les liens ne s'ouvrent pas correctement
Assurez-vous que :
- Les URLs commencent par https://
- Vous utilisez l'URL complète
- Les liens s'ouvrent dans un nouvel onglet
Le flux ne se charge pas
Essayez :
- Reconnecter le compte
- Vérifier les autorisations sur la plateforme
- Vider le cache
Articles connexes
- HTML et CSS personnalisés dans Sitebuilder
- Ajouter de la vidéo et de l'audio à votre site web
- Optimiser l'affichage mobile
Besoin d'aide ?
Nous sommes là pour vous ! Vous rencontrez des difficultés ou avez des questions ? Notre équipe de support est prête à vous aider personnellement. Envoyez-nous un message via le système de tickets - nous répondons généralement dans quelques heures et sommes heureux de vous aider.
0 van 0 vonden dit nuttig