Comment créer une barre de bas de page flottante "collante" dans WordPress

Vous cherchez un moyen de créer une barre de bas de page flottante et collante dans WordPress ?

La barre de bas de page flottante et collante sera toujours affichée en bas du site web, même si l'utilisateur fait défiler la page. Vous pouvez ainsi l'utiliser pour promouvoir des offres ou des comptes de médias sociaux, inciter les utilisateurs à rester plus longtemps et augmenter les conversions. Nous allons maintenant vous montrer, étape par étape, comment créer facilement une de ces barres flottantes collantes en bas de page sur WordPress.

Image[1]-Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Qu'est-ce que la barre de bas de page flottante dans WordPress ?

Les barres de bas de page flottantes et collantes vous permettent d'afficher en évidence le contenu important et les nouvelles à l'intention de vos utilisateurs.

Image[2]-Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Vous pouvez utiliser une barre de bas de page flottante pour :

  • Augmenter le nombre de clics vers d'autres articles de blog.
  • Générez des prospects et construisez votre liste d'adresses électroniques.
  • Surveillez les coupons spéciaux ou les offres/ventes de réduction.
  • Faites la promotion de vos comptes de médias sociaux.
  • Renforcer la reconnaissance de la marque.
  • Permet d'accéder à des ressources importantes sur votre site WordPress.

Voyons comment vous pouvez facilement créer une barre de bas de page flottante et collante dans WordPress. Il y a deux fa?ons principales de le faire :

Méthode 1 : Utiliser OptinMonster pour créer une barre de bas de page flottante et collante (recommandé)

La barre de bas de page flottante et collante peut être facilement créée en utilisant OptinMonster. C'est le meilleur outil de génération de leads et d'optimisation de la conversion sur le marché qui peut convertir les visiteurs de votre site web en abonnés très facilement.

OptinMonster est livré avec un constructeur drag-and-drop et des modèles pré-faits qui vous permettent de créer des barres de pied de page flottantes, des pop-ups coulissants et des bannières sans utiliser de code.

Cette méthode est recommandée car OptinMonster est très facile à utiliser et offre plus d'options de personnalisation que la méthode du plugin gratuit.

étape 1 : Installer OptinMonster sur votre site web

Tout d'abord, vous devez cliquer sur le bouton "Get OptinMonster Now" dans la page d'accueil.OptinMonsterS'inscrire sur le site web.

Image [3] - Comment créer une barre de bas de page flottante "collante" sur WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Ensuite, installez et activez le plugin gratuit OptinMonster Connector sur votre site web. Une fois activé, l'assistant d'installation d'OptinMonster s'ouvrira sur votre écran, où vous pourrez cliquer sur le bouton "Connecter votre compte existant". Ceci connectera votre site WordPress à votre compte OptinMonster.

Image [4] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Une nouvelle fenêtre s'ouvre alors à l'écran.

Cliquez ensuite sur le bouton "Connect to WordPress" pour continuer.

Image [5] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

étape 2 : Créer et personnaliser une barre de bas de page flottante et collante

Maintenant qu'OptinMonster a été connecté à votre site web, il est temps de créer une barre de pied de page flottante et collante. Accès nécessaire depuis la barre latérale d'administration de WordPressOptinMonster " et sélectionnez "Floating Bar" comme type d'activité.

Une fois que vous avez fait cela, tous les modèles préfabriqués dans la barre flottante seront chargés à l'écran. à partir de là, vous pouvez cliquer sur le bouton "Utiliser le modèle" du modèle que vous souhaitez utiliser.

Image [6] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

L'invite "Créer une campagne" s'affiche alors à l'écran et vous pouvez ajouter un nom à la barre de bas de page flottante que vous souhaitez créer. Ce nom peut être celui de votre choix, car il ne sera pas affiché aux visiteurs de votre site web.

Ensuite, il suffit de cliquer sur le bouton "Start Build".

Image [7] - Comment créer une barre de bas de page flottante "collante" sur WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Le constructeur par glisser-déposer d'OptinMonster s'affiche alors sur votre écran, où vous pouvez commencer à personnaliser la barre flottante du pied de page. Ici, vous remarquerez un aper?u de la barre flottante sur la droite et des blocs dans la colonne de gauche.

Si votre barre de bas de page flottante fait la promotion d'une offre de réduction, utilisez un bloc de compte à rebours. Cela contribuera à créer un sentiment d'urgence chez les utilisateurs et les encouragera à passer à l'action. Des blocs CTA, vidéo ou de médias sociaux peuvent également être ajoutés à la barre de bas de page.

Image [8] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Vous pouvez également modifier le texte de la barre de bas de page en cliquant dessus. Cela ouvrira les paramètres du bloc dans la colonne de gauche, où vous pourrez les ajuster à votre convenance.

Par exemple, si vous souhaitez modifier l'offre de réduction dans le modèle, vous pouvez modifier le texte du bouton. Ensuite, vous pouvez sélectionner l'option "Redirect to URL" et ajouter un lien vers la page vers laquelle vous souhaitez que les utilisateurs soient dirigés après avoir cliqué sur le bouton.

Image [9] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

étape 3 : Configurer les règles d'affichage pour la barre de bas de page flottante

Une fois que vous êtes satisfait de la personnalisation de la barre de bas de page, il vous suffit de cliquer sur l'onglet "Règles d'affichage" en haut de la page.

Vous pouvez définir ici les conditions d'affichage de la barre de bas de page. Si vous souhaitez que le pied de page flottant soit toujours affiché, sélectionnez "Durée d'affichage" dans le menu déroulant situé à gauche.

Sélectionnez ensuite "Maintenant" dans le menu déroulant situé à droite. De cette manière, la barre de bas de page appara?tra toujours sur la page, ce qui permettra aux utilisateurs de l'afficher facilement à tout moment.

Image [10] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Si vous ne souhaitez afficher la barre de bas de page flottante que sur certaines pages, vous devez sélectionner l'option "Positionnement de la page" dans le menu déroulant situé à droite.

Ensuite, sélectionnez "Exact Match" dans le menu déroulant du milieu et entrez l'URL de la page sur laquelle vous souhaitez que la barre de bas de page apparaisse. Avec cette configuration, la barre de bas de page flottante n'appara?tra que sur les pages que vous avez spécifiées.

Image [11] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

En outre, vous pouvez sélectionner l'option "Exit Intent" (intention de quitter) pour que le pied de page collant et flottant s'affiche automatiquement lorsque l'utilisateur est sur le point de quitter votre site. Vous pouvez définir la sensibilité de cette fonctionnalité et choisir les appareils sur lesquels le pied de page doit s'afficher. Cette fonction peut s'avérer très utile si vous souhaitez réduire le nombre d'utilisateurs qui quittent votre site.

Si vous souhaitez que le pied de page flottant ne s'affiche que sur les ordinateurs de bureau, vous pouvez sélectionner l'option "Appareil du visiteur". Cela vous permet d'adapter l'affichage du pied de page en fonction du type d'appareil utilisé par le visiteur.

Image [12] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Les règles d'affichage peuvent également être configurées en fonction de la date, de l'heure ou de la distance de défilement en sélectionnant l'option "Quand" dans la colonne de gauche.

étape 4 : Publier une barre de bas de page flottante

Après avoir défini les conditions d'affichage de la barre de bas de page, passez à l'onglet Publication.

à partir de là, il suffit de cliquer sur le bouton Publier.

Image [13] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

Ensuite, n'oubliez pas de cliquer sur Enregistrer pour que les modifications soient prises en compte.

Méthode 2 : Créer une barre de bas de page flottante et collante avec un plugin gratuit

Si vous cherchez un moyen gratuit de créer une barre de bas de page flottante et collante, l'outilFirebox Popup BuilderCe plugin fera ce que vous voulez, installer et activer le plugin Firebox Popup Builder.

Une fois activée, elle est accessible à partir du tableau de bord de WordPress.Firebox " Campagnes de marketinget cliquez sur le bouton + Nouvelle campagne.

Image [14] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Une fois que vous avez cliqué sur ce bouton, vous accédez à la bibliothèque d'activités Firebox, qui contient un certain nombre de modèles de barres flottantes autocollantes précon?ues parmi lesquelles vous pouvez choisir.

Une fois que vous avez trouvé votre modèle de pied de page flottant préféré, il vous suffit de cliquer sur le lien "Insérer" situé en dessous. Notez toutefois que si vous avez choisi un modèle de barre de titre, il se peut que sa position ne soit pas modifiable. Veillez donc à ce que le modèle choisi soit adapté à la barre de bas de page.

Image [15] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service de réparation professionnel de WordPress, dans le monde entier, réponse rapide !

L'éditeur de blocs s'ouvre alors à l'écran et vous pouvez commencer à donner un nom à la barre flottante.

Pour modifier le texte du pied de page, il suffit de cliquer dessus. Si vous souhaitez ajouter quelque chose de nouveau, vous pouvez cliquer sur le bouton "+", qui fera appara?tre un menu en bloc. Dans ce menu, vous pouvez ajouter des images, des titres, des paragraphes, des vidéos, des citations ou des listes.

Par exemple, si vous souhaitez ajouter des comptes de médias sociaux, sélectionnez le bloc "Ic?nes sociales". Il vous suffit ensuite de saisir vos comptes et liens de médias sociaux dans le panneau du bloc.

Image [16] - Comment créer une barre de bas de page flottante "collante" sur WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Il est également possible de modifier le texte d'un bloc de boutons et d'ajouter un lien vers la page vers laquelle l'utilisateur doit être dirigé en cliquant sur l'ic?ne de lien dans la barre d'outils du bloc.

Ensuite, entrez l'URL de votre choix et appuyez sur "Entrée".

Image [17] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Ensuite, vous pouvez faire défiler la page jusqu'à la section "Firebox Settings".

Ici, vous pouvez modifier la couleur d'arrière-plan, la couleur du texte, l'alignement, la taille, le rembourrage et les marges de la barre de bas de page flottante.

Image [18] - Comment créer une barre de bas de page flottante "collante" sur WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Passez à l'onglet Comportement dans la colonne de gauche et sélectionnez Chargement de la page comme déclencheur de flottement.

Ensuite, utilisez le curseur Délai pour sélectionner le délai d'affichage de la barre flottante. Par exemple, si vous faites glisser le curseur sur 15 secondes, la barre de pied de page flottante s'affichera dès que l'utilisateur aura passé 15 secondes sur votre site.

Vous pouvez laisser le curseur à 0 si vous souhaitez que la barre de bas de page flottante et collante s'affiche immédiatement.

Image [19] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Ensuite, vous pouvez laisser les autres paramètres inchangés ou les configurer à votre guise.

Lorsque vous avez terminé, n'oubliez pas de cliquer sur le bouton "Publier" en haut de la page.

Image [20] - Comment créer une barre de bas de page flottante "collante" dans WordPress - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

Le site WordPress que vous visitez maintenant sera en mesure de voir la barre de bas de page flottante collante en action.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été rédigé par Harry
LA FIN
Si vous l'aimez, soutenez-le.
félicitations0partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires