Comment créer un widget de barre latérale flottante collante dans WordPress
Voulez-vous créer un widget de barre latérale flottante qui reste affiché lorsque vous faites défiler vers le bas ?
Le contenu flottant qui colle à l'écran lorsque vous faites défiler est accrocheur et a tendance à avoir un taux de clics et de conversion plus élevé que le contenu qui reste au même endroit.
Dans cet article, nous allons vous montrer comment créer un widget de barre latérale flottante collante dans WordPress.
Pourquoi créer un widget de barre latérale flottante collante ?
Un widget de barre latérale flottante reste sur l’écran de l’utilisateur pendant qu’il défile. Cela donne aux visiteurs plus de temps pour remarquer le contenu et interagir avec lui.
Vous pouvez utiliser du contenu persistant pour créer une liste de diffusion, promouvoir des produits, partager des publications populaires, afficher des Tweets ou des publications Instagram récentes, et bien plus encore.
Par exemple, vous pouvez transformer votre formulaire d'inscription à la newsletter en un widget de barre latérale collante afin que les visiteurs aient plus de temps pour s'inscrire.
De nombreux propriétaires de boutiques en ligne utilisent également des widgets de barre latérale pour promouvoir leurs produits ou offres spéciales les plus populaires.
Cela étant dit, voyons comment créer une barre latérale flottante sur votre site WordPress.
Ajout d'un widget flottant collant dans WordPress
Vous pouvez facilement créer des widgets flottants qui collent lors du défilement à l'aide du widget fixe et des éléments collants pour WordPress. Ce plugin vous permet de coller n'importe quel widget en place afin qu'il reste à l'écran pendant que l'utilisateur fait défiler la page de haut en bas.
Tout d’abord, vous devrez installer et activer le plugin Fixed Widget. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.
Lors de l'activation, vous souhaiterez peut-être configurer quelques paramètres simples en allant dans Apparence » Widget fixe.
Les widgets de la barre latérale collante sont un excellent moyen de promouvoir les pages les plus importantes de votre site, d'afficher les derniers commentaires et bien plus encore. Cependant, les widgets persistants peuvent devenir frustrants sur les appareils mobiles car ils occupent généralement beaucoup d'espace à l'écran.
Cela étant dit, vous souhaiterez peut-être désactiver les widgets persistants pour les visiteurs mobiles en saisissant certaines valeurs dans « Largeur minimale de l'écran » et « Hauteur minimale de l'écran ».
Vous souhaiterez peut-être essayer différents paramètres pour voir ce qui fonctionne le mieux pour votre site Web. Pour plus d’informations, veuillez consulter notre guide sur la façon d’afficher la version mobile des sites WordPress depuis un ordinateur.
Par défaut, il n'y a aucune distance entre les widgets collants et le haut et le bas de l'écran. Pour ajouter un peu de remplissage, tapez simplement les valeurs que vous souhaitez utiliser dans les champs « Marge supérieure » et « Marge inférieure ».
Lorsque vous êtes satisfait de la configuration du plugin, cliquez sur « Enregistrer les modifications ».
Après cela, il est temps de créer votre premier widget collant en accédant à Apparence » Widgets dans votre zone d'administration WordPress.
Vous pouvez ensuite cliquer sur le bouton « + » et ajouter le bloc que vous souhaitez rendre collant.
Dans ce guide, nous affichons les publications récentes dans WordPress à l’aide du bloc Dernières publications, mais les étapes seront similaires quel que soit le bloc que vous utilisez.
Pour des instructions détaillées, veuillez consulter notre guide sur la façon d'ajouter et d'utiliser des widgets dans WordPress.
Après avoir ajouté le bloc, cliquez pour le sélectionner.
Vous pouvez maintenant continuer et cocher la case « Widget fixe ».
Selon le widget que vous utilisez, vous trouverez peut-être la case « Widget fixe » dans le menu de droite.
Dans ce cas, cliquez simplement sur l'onglet « Paramètres », puis cliquez sur « Réparer le widget ».
Lorsque vous êtes satisfait de la configuration du widget, n'oubliez pas de cliquer sur « Mettre à jour » pour le mettre en ligne. Maintenant, si vous visitez votre blog WordPress, vous verrez le widget flottant collant en action.
Nous espérons que cet article vous a aidé à apprendre à créer un widget de barre latérale flottante collante dans votre site Web WordPress. Vous pouvez également consulter notre guide sur la façon de gagner de l’argent en bloguant en ligne avec WordPress ou consulter nos choix d’experts pour les meilleurs créateurs de pages par glisser-déposer.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.