Voulez-vous créer un widget de barre latérale flottante qui reste fixe lorsque vous faites défiler vers le bas ?
Les éléments flottants qui collent à votre écran lorsque vous faites défiler attirent l’attention et ont tendance à avoir un taux de clics et un taux de conversion plus élevés que les objets statiques. C’est pourquoi de nombreux sites Web utilisent des éléments flottants sur leur site Web.
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 flottant et collant reste sur l’écran de votre utilisateur lorsqu’il fait défiler la page, offrant aux visiteurs de votre site plus d’opportunités de le remarquer et de cliquer. Vous pouvez l’utiliser pour créer une liste de diffusion, présenter des promotions de produits, partager des publications populaires, afficher des tweets ou des publications Instagram récents, et tout ce que vous aimez.
Cela vous aide à faire ressortir encore plus votre barre latérale et à garder les informations importantes devant vos visiteurs.
Par exemple, vous pouvez garder votre formulaire d’inscription à la newsletter visible pour les utilisateurs afin qu’ils aient plus d’opportunités de s’inscrire. Ou vous pouvez montrer vos pages les plus importantes et garder les visiteurs sur votre site.
Si vous avez une boutique de commerce électronique, vous pouvez utiliser la barre latérale collante pour afficher vos meilleurs produits ou des offres promotionnelles pour augmenter les ventes.
Cela dit, voyons comment vous pouvez créer une barre latérale flottante collante sur votre site WordPress.
Ajouter un widget flottant collant dans WordPress
Vous pouvez facilement créer des widgets flottants qui collent pendant le défilement en utilisant le Widget fixe Q2W3 pour WordPress.
C’est un plugin WordPress gratuit qui est très facile à utiliser. Le plug-in vous aide à coller n’importe quel widget sur votre site Web. Ainsi, lorsqu’un utilisateur fait défiler la page de haut en bas, le widget reste avec lui.
Dans cet article, nous allons vous montrer comment utiliser à la fois les widgets basés sur les blocs de versions et les widgets WordPress classiques.
Barre latérale flottante collante dans les widgets basés sur des blocs WordPress
Si vous utilisez WordPress 5.8, vous aurez des widgets basés sur des blocs. L’écran des widgets utilisera l’éditeur de blocs pour modifier ou ajouter de nouveaux widgets sur votre site Web.
Pour rendre un widget de barre latérale collant, vous aurez besoin Q2W3 Widget fixe pour WordPress version 6.0 beta 3. Faites simplement défiler jusqu’à la section Changelog, puis cliquez sur le lien « version 6.0.0, beta 3 » pour télécharger le plugin. Nous avons testé le plugin sur notre site Web de démonstration et il fonctionne sans problème.
Ensuite, vous devrez installer et activer le Q2W3 Fixed Widget for WordPress version 6.0 beta 3 sur votre site Web. Pour plus d’informations, veuillez consulter notre guide sur l’installation d’un plugin WordPress.
Lors de l’activation, vous pouvez vous diriger vers Apparence » Options de widget fixes depuis votre espace d’administration WordPress.
Ensuite, vous devrez cliquer sur la case « Tester la nouvelle version » pour activer l’option, puis faire défiler vers le bas pour cliquer sur le bouton « Enregistrer les modifications ».
Après cela, vous pouvez aller à Apparence » Widgets depuis votre panneau d’administration WordPress, puis cliquez sur le bouton « + » plus pour ajouter un bloc de widget que vous souhaitez rendre collant.
Pour notre tutoriel, nous avons ajouté un Flux Twitter personnalisés par Smash Balloon dans la zone du widget de la barre latérale pour afficher les tweets récents de notre chaîne Twitter. Smash Balloon est le meilleur plugin WordPress de médias sociaux et vous permet d’afficher facilement le contenu des médias sociaux dans WordPress.
Vous pouvez consulter notre guide sur la façon d’afficher les tweets récents dans WordPress pour plus de détails.
Ensuite, vous pouvez sélectionner votre widget, puis modifier les paramètres ‘Fixed Widget’ dans le menu sur votre droite.
Sélectionnez simplement l’option « Fixer le widget » pour que la barre latérale flottante reste collée à l’écran.
Ensuite, vous pouvez visiter votre site en direct et faire défiler n’importe quelle page ou article de blog. Votre widget fixe deviendra alors un widget flottant collant.
Barre latérale flottante collante dans les widgets WordPress classiques
Si vous utilisez une version antérieure à WordPress 5.8 ou au plugin Classic Widgets, c’est la méthode que vous devrez utiliser.
La première chose que vous devez faire est d’installer et d’activer le widget fixe Q2W3 pour le plugin WordPress. Si vous avez besoin d’aide, veuillez consulter notre guide sur la façon d’installer un plugin WordPress.
Après avoir activé le plugin, vous pouvez vous diriger vers Apparence » Options de widget fixes depuis votre tableau de bord WordPress et configurez le plugin.
Sur cette page, vous pouvez définir les marges, ajouter vos identifiants HTML, modifier les intervalles d’actualisation et même désactiver les widgets fixes sur des écrans plus petits comme les téléphones et les tablettes.
Il existe également des options pour activer le plugin pour les utilisateurs connectés et d’autres paramètres de compatibilité.
Après avoir effectué les modifications, faites simplement défiler vers le bas et cliquez sur le bouton « Enregistrer les modifications ».
Ensuite, vous pouvez naviguer vers Apparence » Widgets puis choisissez le widget que vous souhaitez rendre collant.
Le plugin ajoute une option ‘Fixed Widget’ dans tous vos widgets. Tout ce que vous avez à faire est de cocher la case Widget fixe et de cliquer sur le bouton ‘Enregistrer’ pour enregistrer vos modifications.
C’est ça!
Nous espérons que cet article vous a aidé à apprendre à créer un widget de barre latérale flottante collante sur votre site Web WordPress. Vous pouvez également consulter notre guide sur la façon de démarrer un podcast et le meilleur logiciel de paie RH pour les petites entreprises.