Comment créer une barre de rappel dans WordPress (2 façons simples)

Voulez – vous ajouter une barre d’avertissement au site WordPress? La barre d’avertissement ou de notification est un bon moyen d’informer les visiteurs des mises à jour importantes, des offres spéciales, des lancements de nouveaux produits, etc. Dans cet article, nous vous montrerons comment créer des barres d’avertissement dans WordPress en utilisant deux solutions simples. Pourquoi créer une barre d’alerte dans WordPress? La barre d’avertissement est un bon moyen d’informer les visiteurs de toute information importante. Il peut s’agir d’une campagne de vente continue, d’une mise à jour de vos heures d’ouverture ou d’une modification de vos services.
Vous pouvez également utiliser la barre d’avertissement pour informer les visiteurs des offres spéciales, comme l’offre « un pour deux ». Si vous dirigez une boutique en ligne, c’est un bon choix. Il vaut mieux utiliser la barre d’avertissement que de placer une annonce sur la page d’accueil. Votre barre d’avertissement peut être mise en évidence en haut de chaque page de l’ensemble du site. Il est facile de créer des barres d’avertissement dans WordPress. Nous allons travailler avec les meilleurs plug – ins pour la barre de notification et les méthodes manuelles pour utiliser le code HTML et CSS. Il suffit de cliquer sur le lien suivant pour accéder directement à chaque option:
Méthode 1: optinmonster méthode 2: personnaliser les méthodes HTML et CSS méthode 1: créer une barre d’alarme en utilisant optinmonster optinmonster est le meilleur logiciel d’optimisation de conversion sur le marché. Il peut vous aider à convertir plus de visiteurs du site en abonnés et clients. Il est livré avec de belles boîtes lumineuses pop – up, des tapis de bienvenue, des minuteurs de compte à rebours et d’autres superpositions dynamiques pour vous aider à augmenter les abonnés et les ventes de votre site. Vous pouvez également utiliser optinmonster pour créer des barres d’avertissement pour votre site Web. Voici ce que nous allons créer:
Il existe de nombreux modèles prédéfinis dans optinmonster. Il est donc facile de créer des barres d’avertissement attrayantes
Barre flottante, cliquez simplement sur la zone que vous souhaitez éditer et tapez le texte désiré. Vous pouvez également modifier la police, la taille et la couleur du texte. Pour modifier le compte à rebours, sélectionnez simplement le compte à rebours sur le modèle et cliquez sur l’onglet compte à rebours dans le menu de gauche. Ensuite, continuez à saisir la date et l’heure de fin souhaitées. Si vous préférez, vous pouvez également régler le minuteur à un compte à rebours vert persistant au lieu d’un compte à rebours statique. Chaque visiteur du site fixe un compte à rebours indépendant pour Evergreen Tree.
Continuez et apportez le plus de changements possible à la barre d’alarme au besoin. Lorsque vous êtes satisfait, n’oubliez pas de cliquer sur le bouton Enregistrer en haut de l’écran. Ensuite, vous devez aller à l’onglet règles d’affichage pour sélectionner quand et où la barre d’alerte apparaît sur votre site. La règle par défaut est que la barre d’avertissement apparaît après que le visiteur reste sur la page pendant 5 secondes. Nous le changerons dans 0 secondes, donc la barre d’avertissement s’affichera immédiatement. Pour ce faire, changez le compte à rebours en secondes à 0.
Ensuite, cliquez sur le bouton suivant pour modifier les paramètres d’action. Vous pouvez laisser le paramètre afficher la vue active sur optin et choisir si vous voulez lire les effets sonores lorsque la barre d’alarme est affichée. Une fois les modifications apportées, continuez et cliquez à nouveau sur le bouton suivant, et vous verrez le résumé. Lorsque vous êtes satisfait, cliquez simplement sur le bouton Enregistrer en haut de l’écran. Ensuite, vous pouvez aller à l’onglet publier en haut et changer l’état de publication en publication.
La dernière étape consiste à activer l’activité sur le site. Pour
Pour ce faire, vous pouvez fermer l’éditeur d’activités et aller à optinmonster activity. Vous verrez ici votre liste d’activités dont l’état est suspendu. Continuez et cliquez sur suspendre l’état pour le changer du menu déroulant à publier. Maintenant, il suffit de visiter n’importe quelle page de votre site et vous verrez que vos activités sont en cours. Méthode 2: créer manuellement une barre d’alerte en utilisant le html \/ CSS personnalisé que se passe – t – il si vous ne voulez pas utiliser optinmonster? Dans cette méthode, nous vous montrerons comment créer des barres de notification en utilisant le code HTML et CSS.
Remarque: Nous ne recommandons pas cette méthode aux débutants. Si vous ne connaissez pas WordPress ou si vous n’avez pas confiance dans l’ajout de code à votre site, nous vous recommandons d’utiliser la méthode ci – dessus. Tout d’abord, vous devez copier et coller le code CSS personnalisé pour la barre d’alerte. Il suffit d’aller à la page personnalisation de l’apparence dans le tableau de bord et de cliquer sur l’onglet ajouter CSS en bas. Continuez maintenant, copiez et Collez ce code CSS dans la boîte:. Barre d’alarme
Couleur de fond: # ff0000;
Couleur: # FFFFFF;
Affichage: blocs;
Hauteur de la ligne: 45px;
Hauteur: 50px;
Position: relative;
Alignement du texte: centré;
Décoration textuelle: aucune;
En haut: 0px;
Largeur: 100%;
Indice Z: 100;
}
Après avoir copié le Code, ça devrait être comme ça. Il suffit de cliquer sur le bouton publier en haut de la page pour enregistrer le code CSS. Ensuite, vous devez ajouter le code HTML du texte de la barre d’avertissement au site. La meilleure façon est d’installer et d’activer le plug – in Insert header et footer. Note: l’insertion de l’en – tête et du pied de page est l’un des plug – ins pour les débutants du WP. Nous l’avons créé pour faciliter l’ajout de scripts, de code HTML, etc. à vos pages Web. Après avoir activé le plug – in, allez à paramètres \
Gestion WordPress. Il suffit de copier et coller les lignes de code HTML suivantes dans la boîte de script dans le corps: Nous sommes actuellement fermés en raison de la nouvelle pneumonie coronarienne. Voici le code dans la zone de script dans le corps qui est inséré dans l’en – tête et le pied de page: Bien sûr, vous pouvez modifier le texte de la notification où vous voulez. Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton enregistrer au bas de la page. Vous pouvez maintenant accéder à votre site pour voir la barre d’avertissement. Il doit apparaître en haut de chaque page comme suit: Astuce: dans certains thèmes WordPress, la barre d’avertissement peut chevaucher le menu. Vous pouvez changer la hauteur du diagramme à barres à 40px ou 30px pour éviter cela. Vous devez également abaisser la hauteur de ligne en conséquence afin que le texte reste centré verticalement dans la colonne. Nous espérons que cet article vous aidera à apprendre comment créer des barres d’avertissement dans WordPress. Vous pouvez également apprécier notre comparaison avec wordpress Best Drag – and – drop page Builder pour vous aider à personnaliser davantage votre site Web sans écrire de code, ainsi que notre liste des meilleurs plugins woocommerce pour augmenter les ventes dans votre magasin. Si vous aimez cet article, abonnez – vous à notre tutoriel vidéo WordPress sur YouTube Channel. Vous pouvez aussi nous trouver sur Twitter et Facebook.