Comment ajouter une barre de partage social flottante dans WordPress

Inciter les lecteurs à partager votre contenu est l'un des meilleurs moyens d'atteindre un nouveau public. Cependant, les boutons de partage standard disparaissent souvent de la vue dès que le visiteur commence à faire défiler.

Une barre de partage social flottante résout ce problème en restant visible à tout moment, ce qui permet aux lecteurs de promouvoir facilement votre article. Nous avons testé cet emplacement sur nos propres sites Web et avons constaté qu'il génère constamment plus de clics et de trafic.

Dans ce guide, nous vous montrerons comment ajouter une barre de partage social flottante dans WordPress.

Pourquoi ajouter une barre de partage social flottante dans WordPress ?

L'ajout d'une barre de partage social proéminente permet aux visiteurs de partager facilement votre contenu sur des plateformes de médias sociaux comme Instagram, Facebook et Twitter. En gardant cette barre visible pendant le défilement, vous offrez aux utilisateurs un moyen pratique de partager votre contenu à tout moment.

Cela peut entraîner une augmentation de l'engagement, du trafic et de la notoriété de la marque. De plus, cela peut motiver les utilisateurs à laisser des commentaires et des j'aime ou à suivre vos mises à jour.

En outre, une barre de partage social flottante peut améliorer indirectement le référencement de votre site Web. Lorsque davantage d'utilisateurs partagent votre contenu sur les réseaux sociaux, cela augmente votre visibilité et votre trafic, ce qui améliore les chances d'obtenir des backlinks d'autres sites Web.

Cela dit, examinons comment ajouter facilement une barre de partage social flottante dans WordPress. Dans ce tutoriel, nous aborderons une méthode par code et une méthode par plugin. Vous pouvez utiliser les liens ci-dessous pour accéder à l'approche de votre choix :

• Méthode 1 : Ajouter une barre de partage social flottante avec WPCode
• Méthode 2 : Ajouter une barre de liens de médias sociaux flottante avec un plugin
• Bonus : Ajouter une barre de suivi social flottante dans WordPress
• Questions fréquemment posées sur les barres de partage social flottantes
• Ressources supplémentaires

Méthode 1 : Ajouter une barre de partage social flottante avec WPCode

Si vous recherchez un moyen personnalisable et facile d'ajouter une barre de partage social flottante dans WordPress, alors cette méthode est faite pour vous.

Pour cette approche, nous utiliserons WPCode car c'est le meilleur plugin de snippets de code WordPress du marché. Pour plus d'informations sur cet outil, consultez notre avis complet sur WPCode.

WPCode dispose d'une vaste bibliothèque de extraits de code pré-faits, y compris une solution prête à l'emploi pour ajouter une barre de partage social flottante. Cela élimine le besoin d'écrire du code à partir de zéro et facilite la mise en œuvre de cette fonctionnalité sur votre site Web.

Tout d'abord, vous devez installer et activer le plugin WPCode. Pour plus d'informations, consultez notre guide pour débutants sur comment installer un plugin WordPress.

Après l'activation, rendez-vous sur la page Snippets de code » + Ajouter un snippet depuis le tableau de bord WordPress et utilisez la boîte de recherche pour localiser le snippet « Icônes flottantes de médias sociaux ».

Une fois que vous avez fait cela, cliquez simplement sur le bouton « Utiliser le snippet » en dessous.

Cela ouvrira la page « Modifier le snippet » sur votre écran. Vous remarquerez que le snippet de code pour la barre flottante de partage sur les réseaux sociaux, avec des liens vers Facebook, Instagram, Twitter et LinkedIn, a déjà été ajouté à la boîte « Aperçu du code ».

Vous pouvez maintenant utiliser le snippet de code tel quel ou faire défiler vers le bas et modifier la position, la marge, la largeur, la couleur d'arrière-plan, la hauteur et le rayon des bordures des icônes.

Par exemple, la couleur d'arrière-plan de ces icônes de médias sociaux est noire par défaut. Cependant, vous pouvez la remplacer par le code hexadécimal d'une couleur qui correspond mieux à votre marque. Si vous ne connaissez pas votre code couleur, vous pouvez utiliser un outil gratuit de sélection de couleurs en ligne pour le trouver.

Après cela, faites défiler vers le haut et basculez le commutateur « Inactif » sur « Actif ».

Ensuite, cliquez sur le bouton « Mettre à jour » pour enregistrer vos paramètres et ajouter une barre de partage social flottante.

Vous pouvez maintenant visiter votre site Web pour voir les icônes de médias sociaux en action.

Voici à quoi cela ressemblait sur notre site Web de démonstration.

Méthode 2 : Ajouter une barre de liens de médias sociaux flottante avec un plugin

Si vous ne souhaitez pas utiliser de code personnalisé sur votre site Web, cette méthode est faite pour vous. Cela dit, gardez à l'esprit que vous n'aurez pas autant d'options de personnalisation avec cette approche.

Tout d'abord, vous devez installer et activer le plugin Floating Social Share Icons. Pour plus de détails, consultez notre tutoriel sur comment installer un plugin WordPress.

Après l'activation, visitez la page Floating Links & Social Icons depuis le tableau de bord WordPress. Par défaut, le plugin ajoutera automatiquement des icônes flottantes qui permettront aux utilisateurs de visiter la page d'accueil, l'article suivant, l'article précédent, le haut de la page et le bas de la page, et de copier l'URL actuelle.

Cependant, si vous n'avez besoin d'aucune de ces fonctionnalités, vous pouvez désactiver ces options. Une fois que vous aurez fait cela, vos modifications seront synchronisées automatiquement.

Après cela, dirigez-vous vers la page Floating Links & Social Icons » Social Icons depuis la barre latérale d'administration.

Pour personnaliser votre barre sociale flottante, il suffit d'activer l'interrupteur à côté des plateformes de médias sociaux souhaitées. Cela fera apparaître les icônes correspondantes sur votre barre, permettant aux visiteurs de visiter facilement vos profils de médias sociaux.

Vos paramètres seront enregistrés automatiquement une fois que vous aurez effectué les modifications.

Ensuite, vous pouvez visiter votre site WordPress pour voir la barre de partage social flottante en action.

Bonus : Ajouter une barre de suivi social flottante dans WordPress

Si vous souhaitez augmenter le nombre de vos abonnés sur les réseaux sociaux, vous pouvez également ajouter une barre flottante avec des boutons de suivi dans WordPress.

Cela permet aux visiteurs de se connecter facilement à vos profils de médias sociaux et de rester informés de vos dernières actualités et événements. En rendant pratique pour les utilisateurs de vous suivre sur les médias sociaux, vous pouvez élargir votre portée et favoriser une communauté dévouée.

Pour ce faire, vous aurez besoin d'OptinMonster, qui est le meilleur outil de génération de prospects sur le marché. De plus, il est livré avec un modèle prédéfini pour créer une barre sociale flottante.

Tout d'abord, visitez le site web d'OptinMonster et créez un compte. N'oubliez pas que vous devrez acheter le plan Basic car il inclut le type de campagne Barre flottante.

Ensuite, rendez-vous sur votre tableau de bord WordPress pour installer et activer le plugin connecteur OptinMonster. Pour plus de détails, consultez notre tutoriel sur comment installer un plugin WordPress.

Après l'activation, vous verrez l'écran de bienvenue et l'assistant de configuration. Cliquez sur le bouton « Connecter votre compte existant ».

Vous pouvez ensuite suivre les instructions à l'écran pour connecter votre compte OptinMonster à WordPress.

Une fois cela fait, rendez-vous sur la page OptinMonster » Modèles depuis le tableau de bord WordPress et sélectionnez « Barre flottante » comme type de campagne.

Ensuite, cliquez sur le bouton « Utiliser le modèle » pour le modèle « Suivre sur les réseaux sociaux ». Cela ouvrira une invite où vous devrez ajouter un nom pour la campagne que vous êtes sur le point de créer.

Le constructeur par glisser-déposer d'OptinMonster se lancera maintenant sur votre écran.

C'est ici que vous pouvez concevoir votre barre flottante.

Le plugin propose différents blocs que vous pouvez simplement faire glisser et déposer sur le modèle. Par exemple, vous pouvez ajouter une image, du texte, un bouton, et plus encore à votre barre de réseaux sociaux.

Pour en savoir plus, consultez notre tutoriel sur comment ajouter une barre d'alerte dans WordPress.

Après cela, cliquez sur les boutons de suivi des réseaux sociaux dans la barre flottante. Cela ouvrira de nouveaux paramètres dans la colonne de gauche.

Ici, vous pouvez ajouter l'URL de vos pages Facebook, Instagram et Twitter en conséquence.

Une fois que vous avez terminé, passez à l'onglet « Publier » en haut et changez le statut de la campagne en « Publier ». Ensuite, vous devrez cliquer sur le bouton « Enregistrer » et fermer le constructeur visuel.

Vous pouvez maintenant visiter votre site WordPress pour voir la barre sociale flottante en action.

Questions fréquemment posées sur les barres de partage social flottantes

D'après notre expérience d'aide aux utilisateurs pour accroître leur portée sociale, nous rencontrons souvent des questions spécifiques sur la configuration des boutons de partage. Voici les réponses à certaines des questions les plus courantes concernant les barres sociales flottantes dans WordPress.

1. L'ajout d'une barre sociale flottante ralentira-t-il mon site web ?

Les plugins sociaux mal codés peuvent ralentir votre site en chargeant trop de scripts externes. Cependant, l'utilisation d'une solution légère comme le snippet de la bibliothèque WPCode garantit que la vitesse de votre site reste rapide tout en offrant des fonctionnalités de partage.

2. Une barre de partage flottante affecte-t-elle l'expérience utilisateur mobile ?

Les barres flottantes peuvent parfois bloquer le contenu sur les petits écrans. Nous vous recommandons de configurer les paramètres de votre barre sociale flottante pour qu'elle se masque sur les appareils mobiles ou qu'elle apparaisse comme un pied de page fixe en bas de l'écran.

3. Quelles plateformes de médias sociaux dois-je inclure dans la barre flottante ?

Vous devriez privilégier les plateformes où votre public spécifique est le plus actif. Pour la plupart des blogs et des entreprises, l'ajout de Facebook, Twitter (X) et LinkedIn à votre barre sociale flottante offre les meilleurs résultats.

4. Puis-je ajouter une barre de partage flottante sans plugin ?

Oui, vous pouvez coder une barre de partage flottante en utilisant HTML et CSS, mais cela nécessite des connaissances techniques. Nous vous suggérons d'utiliser WPCode car il vous permet d'insérer le code nécessaire en toute sécurité sans modifier directement les fichiers de votre thème.

Ressources supplémentaires

Nous espérons que cet article vous a aidé à apprendre comment ajouter une barre de partage sociale flottante dans WordPress. Vous pourriez également vouloir consulter ces ressources supplémentaires :

• Meilleurs plugins de réseaux sociaux pour WordPress (choix d'expert)
• Comment ajouter des boutons de partage social dans WordPress
• Meilleurs outils de surveillance des réseaux sociaux pour les utilisateurs de WordPress
• Comment ajouter des boîtes « cliquez pour tweeter » dans vos articles WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.