Voulez ajouter une barre d’avertissement au site WordPress? La barre drsquoavertissement ou de notification est un bon moyen drsquoinformer les visiteurs des mises à jour importantes, des offres spéciales, des lancements de nouveaux produits, etc. Dans nous 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 drsquoavertissement est un bon moyen drsquoinformer les visiteurs de toute information importante. Il peut srsquoagir drsquoune campagne de vente continue, drsquoune mise à jour de vos heures drsquoouverture ou drsquoune modification de vos services.
Vous pouvez également utiliser la barre drsquoavertissement pour informer les visiteurs des offres spéciales, comme lrsquooffre « un pour deux ». dirigez une boutique en ligne, crsquoest un bon choix. Il vaut mieux utiliser la barre drsquoavertissement que de placer une annonce sur la page drsquoaccueil. Votre barre drsquoavertissement peut être mise en évidence en haut de chaque page de lrsquoensemble 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 drsquoalarme en utilisant optinmonster optinmonster est le meilleur logiciel drsquooptimisation de conversion sur le marché. Il peut 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 drsquoautres superpositions dynamiques pour aider à augmenter les abonnés et les ventes de votre site. Vous pouvez également utiliser optinmonster pour créer des barres drsquoavertissement 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 drsquoavertissement attrayantes
Barre flottante, cliquez simplement sur la zone que 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 lrsquoonglet compte à rebours dans le menu de gauche. Ensuite, continuez à saisir la date et lrsquoheure de fin souhaitées.
préférez, pouvez également régler le minuteur à un compte à rebours vert persistant au lieu drsquoun 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 drsquoalarme au besoin. Lorsque êtes satisfait, nrsquooubliez pas de cliquer sur le bouton Enregistrer en haut de lrsquoécran.
Ensuite, devez aller à lrsquoonglet règles drsquoaffichage pour sélectionner quand et où la barre drsquoalerte apparaît sur votre site. La règle par défaut est que la barre drsquoavertissement apparaît après que le visiteur reste sur la page pendant 5 secondes. Nous le changerons dans 0 secondes, donc la barre drsquoavertissement srsquoaffichera immédiatement. Pour ce faire, changez le compte à rebours en secondes à 0.
Ensuite, cliquez sur le bouton suivant pour modifier les paramètres drsquoaction. Vous pouvez laisser le paramètre afficher la vue active sur optin et choisir si voulez lire les effets sonores lorsque la barre drsquoalarme est affichée.
Une fois les modifications apportées, continuez et cliquez à nouveau sur le bouton suivant, et verrez le résumé.
Lorsque êtes satisfait, cliquez simplement sur le bouton Enregistrer en haut de lrsquoécran. Ensuite, pouvez aller à lrsquoonglet publier en haut et changer lrsquoétat de publication en publication.
La dernière étape consiste à activer lrsquoactivité sur le site. Pour
Pour ce faire, pouvez fermer lrsquoéditeur drsquoactivités et aller à optinmonster activity. Vous verrez ici votre liste drsquoactivités dont lrsquoétat est suspendu. Continuez et cliquez sur suspendre lrsquoétat pour le changer du menu déroulant à publier.
Maintenant, il suffit de visiter nrsquoimporte quelle page de votre site et verrez que vos activités sont en cours.
Méthode 2: créer manuellement une barre drsquoalerte en utilisant le html \ CSS personnalisé que se passe t il si ne voulez pas utiliser optinmonster? Dans cette méthode, nous 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. ne connaissez pas WordPress ou si n’avez pas confiance dans l’ajout de code à votre site, nous recommandons d’utiliser la méthode ci dessus. Tout drsquoabord, devez copier et coller le code CSS personnalisé pour la barre drsquoalerte. Il suffit drsquoaller à la page personnalisation de lrsquoapparence dans le tableau de bord et de cliquer sur lrsquoonglet ajouter CSS en bas. Continuez maintenant, copiez et Collez ce code CSS dans la boîte:. Barre drsquoalarme
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, devez ajouter le code HTML du texte de la barre drsquoavertissement au site. La meilleure façon est drsquoinstaller et drsquoactiver le plug in Insert header et footer. Note: lrsquoinsertion de lrsquoen tête et du pied de page est lrsquoun des plug ins pour les débutants du WP. Nous lrsquoavons créé pour faciliter lrsquoajout 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 lrsquoen tête et le pied de page:
Bien sûr, pouvez modifier le texte de la notification où voulez. Lorsque avez terminé, nrsquooubliez pas de cliquer sur le bouton enregistrer au bas de la page. Vous pouvez maintenant accéder à votre site pour voir la barre drsquoavertissement. 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 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 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.
