Retour au blog

Comment ajouter des boutons de partage social à votre site Webflow ?

Permettez aux utilisateurs de partager votre page sur les médias sociaux en toute simplicité.

{{ Template "copy-button" "id:extension-social-buttons" }}

Aperçu 📚

Vous voulez ajouter des boutons qui permettent à vos utilisateurs de partager vos pages sur les médias sociaux ? Ajoutez ces boutons à votre propre site Webflow en quelques secondes, et personnalisez-les à votre guise ! Il suffit d'ajouter les attributs comme indiqué ci-dessous et le code s'occupera du reste.

Actuellement, nous prenons en charge le partage des médias sociaux pour Twitter, Facebook, Linkedin et Whatsapp.


Pour l'ajouter à votre projet, suivez les étapes simples et ajoutez le code personnalisé dans les paramètres de votre projet ou de votre page.

{{ Template "gist" "text:Before </body> tag" "id:b1575ff947fa534912ec35f8defbdcef" }}

Instructions ✍️

1. Ajoutez le script à vos paramètres de code personnalisé

Navigate to your page settings or project settings and add the script into your Before </body> tag code area.


2. Créez vos boutons et ajoutez les attributs

Ajoutez des boutons ou des blocs de liens à votre page, et donnez-leur le style qui vous convient. Nous allons ajouter un attribut ID à ces éléments, ce qui nous permettra de les partager sur les médias sociaux.

Ciblez votre bouton et accédez à l'onglet "Paramètres".

Ajoutez votre attribut personnalisé avec la valeur "true", par exemple :

Nom : data-share-twitter
Valeur : true
Nom : data-share-linkedin
Valeur : true
Nom : data-share-facebook
Valeur : true
Nom : data-share-whatsapp
Valeur : true

3. Publiez votre site et testez-le

Une fois que vous avez ajouté votre script et les identifiants dont vous avez besoin, vous êtes prêt à le publier et à le tester.

AUTRES GUIDES ET LEÇONS

Boostez votre site webflow davantage.

Rejoignez dès aujourd'hui plus de 30 000créateurs sur
.

Inscrivez-vous à notre liste de diffusion pour recevoir des mises à jour occasionnelles, des produits et des informations.

Merci ! Votre soumission a été reçue !
Oups ! Quelque chose s'est mal passé lors de la soumission du formulaire.
Rejoignez plus de 30 000 autres créateurs dans nos communautés.