Maximiser l’engagement avec une barre de progression personnalisable
Créer une expérience utilisateur engageante sur votre site Web ou dans votre entonnoir est crucial pour retenir les visiteurs et les guider à travers votre contenu. Un outil efficace pour y parvenir est l’intégration d’une barre de progression. Cet article sert de guide complet pour personnaliser et mettre en œuvre une barre de progression en utilisant les fonctionnalités du CRM. Il est conçu pour les utilisateurs de tous niveaux, des débutants aux utilisateurs avancés, garantissant que chacun peut améliorer son site Web ou son entonnoir avec cette fonctionnalité dynamique.
Paramètres généraux
Les paramètres généraux offrent les options de personnalisation de base pour votre barre de progression, y compris :
Nom/Titre de l’Élément : Il s’agit du nom ou du titre par défaut de la barre de progression. Vous pouvez conserver le nom par défaut ou le modifier pour une meilleure identification.
Couleur de Fond : Ajustez la couleur de fond de votre barre de progression en sélectionnant parmi les couleurs prédéfinies ou en entrant un code couleur personnalisé.
Type de Typographie : Personnalisez la police de votre texte. Vous pouvez choisir entre la police par défaut de titre ou de contenu ou sélectionner une police personnalisée à partir d’un menu déroulant d’options.
Options de Texte
Sous les options de texte, vous pouvez personnaliser davantage le contenu affiché sur votre barre de progression :
Pourcentage : Ajoutez ou modifiez le texte du pourcentage affiché, indiquant la progression.
Option d’Espacement : Ajustez les marges supérieures et inférieures pour garantir que votre contenu s’adapte parfaitement à l’espace désigné.
Thème
Les thèmes offrent un moyen rapide d’appliquer un ensemble de styles prédéfinis à votre barre de progression :
Sélectionnez un thème parmi les options disponibles. Cela ajustera automatiquement le schéma de couleurs de votre barre de progression pour correspondre au thème sélectionné.
Si vous changez d’avis, utilisez le bouton d’annulation pour revenir à vos sélections précédentes.
Paramètres Avancés
Pour une personnalisation plus détaillée, les paramètres avancés offrent des fonctionnalités supplémentaires :
Option de Bordure : Choisissez le type de bordure souhaité (solide, en pointillé, ou en tirets), sa largeur et sa couleur. Vous pouvez également ajuster le rayon pour arrondir les coins de votre barre de progression.
Ombre du Texte : Ajoutez un effet d’ombre à votre texte pour de la profondeur. Les options vont de l’absence d’ombre à une ombre forte.
Style et Alignement du Texte : Personnalisez le style (gras, italique) et l’alignement (gauche, centre, droite, justifié) de votre texte.
Ombre de Boîte : Ajoutez une ombre autour de votre barre de progression. Expérimentez avec différentes intensités d’ombre pour trouver le réglage parfait.
Largeur du Pourcentage : Déterminez la largeur de votre barre de progression dans son conteneur, de 0 % à 100 %.
Tailles : Choisissez la hauteur de votre barre de progression (petite, moyenne, grande).
Couleur de Décalage : Définissez la couleur de la portion non remplie de votre barre de progression.
Visibilité et Personnalisation
Visibilité : Décidez si votre barre de progression doit être visible uniquement sur les appareils mobiles, les ordinateurs de bureau ou les deux.
Classe Personnalisée et Sélecteur CSS : Pour les utilisateurs avancés, vous pouvez créer des classes personnalisées ou copier le CSS personnalisé pour une personnalisation supplémentaire.
Conseils de Dépannage et FAQ
Ma barre de progression ne s’affiche pas correctement sur les appareils mobiles. Que puis-je faire ? Assurez-vous d’avoir réglé correctement les paramètres de visibilité. Si les problèmes persistent, ajustez les options de taille et d’espacement pour mieux adapter les écrans mobiles.
Comment puis-je revenir à mon schéma de couleurs d’origine après avoir sélectionné un thème ? Utilisez le bouton d’annulation dans la barre d’outils du constructeur pour revenir à vos sélections précédentes.
Puis-je utiliser des polices personnalisées pour ma barre de progression ? Oui, vous pouvez sélectionner une police personnalisée à partir du menu déroulant du type de typographie.