Tutoriel Kadence : Comment créer et configurer des barres de notification dans les thèmes Kadence

existentWordPressL'ajout d'une barre de notification pendant le processus de création du site web peut être un moyen efficace d'augmenter le taux de conversion de votre site, en particulier lorsqu'il s'agit de promouvoir des promotions, des cours en ligne, des services ou des ressources gratuites telles que des livres électroniques, des listes de contrôle et bien d'autres choses encore. UtiliserKadenceles commerçants peuvent facilement mettre en place une barre de notification attrayante.

Image [1] - Comment créer et configurer une barre de notification dans le thème Kadence

Installation des thèmes et des plugins de Kadence

Tout d'abord, il est nécessaire d'installer le logicielKadenceKadence offre de puissantes options de personnalisation, et les plug-ins peuvent être achetés en visitant le site Web de Kadence, ou en choisissant d'acheter les plug-ins de Kadence.Kadence Propour plus de fonctionnalités.

existentWordPressDans l'interface de gestion des plug-ins du backend, cliquez sur "Ajouter un nouveau plug-in" pour télécharger et installer le plug-in Kadence Premium. Après l'installation, activez le plug-in et entrez la clé de licence.

Image [2] - Comment créer et configurer la barre de notification dans le thème Kadence

Activation des options d'éléments pour les thèmes Kadence

existentKadenceL'option Activer les éléments dans les paramètres du thème est nécessaire pour activer la barre de notification. Vous trouverez ci-dessous la marche à suivre :

  • Aller à "état extérieur">"Kadence".
  • Activer"élément d'un ensemble"Options.

Une fois l'option activée, les commerçants verront apparaître une nouvelle option dans les paramètres - "élément d'un ensemble". Cliquez sur Ajouter un nouvel élément pour commencer à ajouter la barre de notification.

Image [3] - Comment créer et configurer la barre de notification dans le thème Kadence

Conception de la barre de notification

utiliserKadenceLa barre de notification est conçue avec la fonction de disposition en colonnes. La procédure est la suivante :

  • Créez un nouvel élément et sélectionnez "fixation"pour créer des barres de notification autocollantes.
Image [4] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Ajoutez une mise en page en deux colonnes et redimensionnez le bouton "Prêt à l'emploi" et le bloc du compte à rebours.
Image [5] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Définissez la couleur d'arrière-plan, la couleur de la police, etc. pour qu'elle corresponde au style général du site.
Image [6] - Comment créer et mettre en place une barre de notification dans un thème Kadence

Voici à quoi il ressemble après l'avoir configuré :

Image [7] - Comment créer et configurer la barre de notification dans le thème Kadence

Ajout d'un compte à rebours et d'un contenu textuel à la barre de notification

Tout d'abord, définissez la couleur d'arrière-plan et ajoutez le contenu du compte à rebours. Les étapes sont les suivantes :

  • Cliquez et ajoutez un nouveau bloc, recherchez et sélectionnez le bloc du compte à rebours.
Image [8] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Fixez un compte à rebours pour une promotion, par exemple un compte à rebours de sept jours.
Image [9] - Comment créer et configurer la barre de notification dans le thème Kadence

Ajout d'un texte préfixé

Pour ajouter un texte explicatif avant le compte à rebours, procédez comme suit :

  • Dans la mise en page du compte à rebours, recherchez et ajoutez le texte de tête.
  • Saisissez un contenu textuel tel que "Le temps est presque écoulé, dépêchez-vous de profiter de la meilleure offre de l'année avec la réduction 25%".
Image [10] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Régler le texte en mode in-line pour que le compte à rebours et le texte soient affichés sur la même ligne.
Image [11] - Comment créer et configurer la barre de notification dans le thème Kadence
Image [12] - Comment créer et configurer la barre de notification dans le thème Kadence

Ajustement de la couleur du texte

Si nécessaire, la couleur du texte peut être ajustée pour assurer un contraste approprié avec l'arrière-plan, comme suit :

  • Dans les paramètres de mise en page, réglez la couleur du texte sur blanc pour que le texte soit clairement visible.
Image [13] - Comment créer et configurer la barre de notification dans le thème Kadence

La configuration du compte à rebours et du texte est ainsi terminée, de sorte qu'ils s'affichent à la demande dans la barre de notification.

Ajouter un bouton

Dans la barre de notification, des boutons dirigent l'utilisateur vers d'autres actions, comme un lien vers une page promotionnelle ou une page de contact.

  • Ajoutez un bouton et définissez le texte du bouton comme "Obtenir des réductions maintenant".
Image [14] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Dans les paramètres du bouton, créez un lien vers la page cible (par exemple, la page de promotion ou la page de contact).
Image [15] - Comment créer et configurer la barre de notification dans le thème Kadence

Réglage de la position de la barre de notification

Fixez la barre de notification en haut de la page et définissez une distance d'affichage différée. Ainsi, la barre de notification reste visible lorsque l'utilisateur fait défiler la page.

  • Dans les paramètres de l'élément, sélectionnez "Fixé au sommet".
Image [16] - Comment créer et définir une barre de notification dans le thème Kadence
  • Définissez la valeur en pixels de l'affichage différé, par exemple 100 pixels, afin que la barre de notification s'affiche après une certaine distance de défilement de la page.
Image [17] - Comment créer et configurer la barre de notification dans le thème Kadence
  • Sélectionnez "Affichage sur toutes les pages"pour que la barre de notification apparaisse sur toutes les pages du site.
Image [18] - Comment créer et définir une barre de notification dans le thème Kadence

Définir le délai d'expiration de la barre de notification

Un délai d'expiration peut être défini pour la barre de notification afin qu'elle disparaisse automatiquement à la fin de la promotion. Cela fonctionne très bien pour les événements à durée limitée.

  • Activer"fixation de la date d'expiration"Options.
Image [19] - Comment créer et définir une barre de notification dans le thème Kadence
  • Définissez la date d'expiration de la barre de notification. Par exemple, après sept jours, lorsque la promotion se termine, la barre de notification disparaît automatiquement.

Publier et consulter les résultats

Après avoir effectué tous les réglages, cliquez sur "poste"puis vérifiez les résultats du site web. Faites défiler la page pour voir la barre de notification fixée en haut et assurez-vous qu'elle s'affiche correctement comme prévu.

Image [20] - Comment créer et définir une barre de notification dans le thème Kadence

résumés

En utilisant leKadencePlug-ins avancés etBlocs KadenceNotification bar est une barre de notification puissante et facile à configurer qui peut être utilisée pour annoncer des promotions, inciter les utilisateurs à s'inscrire ou diffuser d'autres informations. Les étapes de configuration simplifiées rendent la création d'une barre de notification plus efficace pour augmenter les conversions et attirer davantage de visiteurs vers un événement ou un service d'abonnement.


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é écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations831 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires