Comment puis-je ajouter des liens vers les réseaux sociaux à mon site Website Builder ?
Ce guide explique comment ajouter des liens vers les réseaux sociaux à votre site dans Website Builder en utilisant le composant Liens sociaux.
- Étape 1 - Ajouter le composant Liens sociaux à votre site
- Étape 2 - Ajoutez vos liens vers les réseaux sociaux
- Étape 3 - Ajustez le style de vos icônes
- Étape 4 - Ajoutez des animations à vos icônes
- Étape 5 - Publiez vos modifications
Étape 1 - Ajouter le composant Liens sociaux à votre site
- Ouvrez Website Builder depuis le panneau de configuration one.com.
- Dans le menu de gauche, cliquez sur Social et faites glisser l’une des options du composant vers votre espace de travail.
Étape 2 - Ajoutez vos liens vers les réseaux sociaux
-
- Cliquez sur l’icône avec les trois points pour Modifier, masquer ou supprimer une icône de réseaux sociaux. Le masquage d’un lien n’affecte que le composant Liens sociaux spécifique, tandis que sa suppression affecte tous les autres composants Liens sociaux présents sur votre site.
- Modifiez l’ordre des icônes en cliquant sur un lien et en le faisant glisser vers le haut ou vers le bas tout en maintenant le bouton de votre souris enfoncé.
- Saisissez un E-mail ou une URL vers l’une de vos pages de réseaux sociaux pour ajouter une nouvelle icône. Vous pouvez ajouter des liens vers Facebook, Instagram, Twitter, Pinterest, LinkedIn, YouTube, E-mail, Yelp, Vimeo, Snapchat, Reddit, Tumblr, Tripadvisor et Foursquare.
Capture d’écran montrant le menu flottant ouvert des icônes des réseaux sociaux. Le menu est ouvert sur l’onglet des liens ; une loupe zoome sur les paramètres et une flèche rouge pointe vers l’icône à trois points.
Étape 3 - Ajustez le style de vos icônes
Ajustez l’apparence des icônes sous Modifier > Style.
- Modifiez la forme des icônes ; Vous pouvez choisir régulier (par défaut), cercle, carré ou arrondi.
- Vous pouvez choisir entre une icône avec une couleur unie (fill) ou une zone transparente (knockout) affichant votre arrière-plan.
- Sous Couleur, choisissez Multi couleur pour afficher les couleurs par défaut des réseaux sociaux, ou en noir (dark) ou blanc (light).
Ajustez le Taille et Espacement des icônes à votre goût et choisissez où vous souhaitez les placer sur votre site. Placez le composant Liens sociaux dans votre en-tête ou pied de page si les icônes doivent être visibles sur toutes les pages.
Étape 4 - Ajoutez des animations à vos icônes
Vous pouvez ajouter des effets d’animation à vos icônes pour les faire ressortir davantage. Par exemple, vous pouvez utiliser un effet de glissement ou un effet de rebond, qui fera ressortir les icônes à l’écran lorsqu’un visiteur fait défiler la page.
Vous pouvez ajouter des animations en sélectionnant le composant et en cliquant sur Modifier > Animations.
- Sélectionnez un effet d’animation : Vous pouvez choisir entre fondu, glissement ou rebond.
- Si vous sélectionnez fondu ou glissement, vous pouvez choisir la direction à partir de laquelle le composant doit entrer à l’écran. Les options sont centre, haut, bas, gauche ou droite.
- Sélectionnez la vitesse d’animation : Elle peut être lente, moyenne ou longue.
- Choisissez si vous souhaitez retarder l’apparition de l’effet et, le cas échéant, combien de temps le délai doit être.
Étape 5 - Publier vos modifications
Cliquez sur Sauvegarder et Publier pour rendre vos modifications visibles sur votre site Web.
Astuce : Si vous souhaitez afficher les icônes de réseaux sociaux verticalement, vous pouvez le faire en ajoutant un composant Liens sociaux distinct pour chaque icône et en masquant toutes les icônes sauf une. Ensuite, placez-les l’une au-dessus de l’autre.
Vous n’avez pas accès au Website Builder? Vous pouvez l’essayer gratuitement pendant 14 jours et créer un site Web en un rien de temps. Démarrez votre essai gratuit maintenant
Articles liés :