Boutures d'outils
Vous avez une fonctionnalité qui nécessite une explication rapide ? Une icône qui pourrait utiliser un indice ? Ajouter un contexte utile là où il est nécessaire avec des info-bulles personnalisées Cette extension vous permet d'attacher une info-bulle élégante et entièrement conçue à tout ce qui se trouve dans Elementor bouton a, une icône, un en-tête, même une section entière Écrivez votre message, choisissez où il apparaît et stylisez-le pour qu'il corresponde parfaitement à votre site Gardez votre design propre et vos visiteurs informés, sans encombrer votre page de texte permanent.
Positionnement intelligent et comportement interactif
Votre infobulle devrait aider, pas gêner Choisissez son Placement - Haut, Bas, Gauche, ou Droit de l'élément Faites-le apparaître sur Hover ou sur Click Ajoutez une Animation lisse (comme Scale ou Fade) pour une sensation polie Vous pouvez même activer Follow Cursor pour que l'infobulle se déplace avec la souris de l'utilisateur, parfait pour des explications détaillées sur les graphiques ou les images Définissez la Durée et le Délai pour que l'interaction se sente juste.
- Placement flexible : positionnez l'info-bulle de n'importe quel côté de l'élément pour éviter de couvrir le contenu important.
- Suivi du curseur : Pour des explications précises et interactives, activez Follow Cursor.
- Entrées et sorties fluides : choisissez une animation et un timing pour que l'info-bulle ressemble à une partie naturelle de l'interface.
Personnalisation visuelle complète
Les info-bulles par défaut du navigateur sont laides Les nôtres sont entièrement conçues par vous Associez votre marque à la couleur de texte et à la couleur d'arrière-plan personnalisées Ajoutez un rembourrage, des bordures et un rayon de bordure pour la forme Contrôlez le style et la couleur de la flèche pour cette touche professionnelle Ajoutez même Box Shadow et une typographie personnalisée afin que l'info-bulle ressemble à une extension transparente de votre design, et non à une réflexion après coup.
- Alignement de la marque : utilisez les couleurs exactes de votre marque pour l'arrière-plan, le texte et la flèche.
- Polonais professionnel : Ajoutez des bordures, des ombres et des coins arrondis pour correspondre à l'esthétique de votre site.
- Contrôle complet de la typographie : modifiez la famille de polices, la taille et le poids du texte de l'infobulle.
Ajoutez des info-bulles n'importe où
La puissance est dans sa flexibilité Joindre une info-bulle à n'importe quel widget, conteneur, colonne ou section Elementor Aucun élément n'est laissé de côté Besoin d'aide pour écrire un texte clair et concis de l'info-bulle ? utilisez le bouton intégré “Write with AI” pour générer du contenu utile instantanément Cela rend incroyablement rapide l'ajout de couches informatives sur l'ensemble de votre site Web.
- Fonctionne sur tout : appliquez des info-bulles aux boutons, aux icônes, aux images, au texte, aux titres, tout ce que vous pouvez sélectionner dans l'éditeur.
- Contenu alimenté par l'IA : cliquez sur un bloc créatif ? Laissez l'IA suggérer un texte clair et convivial pour votre infobulle.
- Potentiel dynamique : combinez avec d'autres extensions pour afficher des données dynamiques (comme le prix d'un produit) dans une info-bulle.
Foire aux questions pour les info-bulles
Comment se comportent ces info-bulles sur les écrans tactiles mobiles ?
Puisque le Trigger primaire est souvent“Hover,” qui n'existe pas sur les écrans tactiles, les infobulles s'adaptent intelligemment Sur mobile, un tap agit habituellement comme le déclencheur “hover” pour afficher l'infobulle Un autre tap ailleurs va la fermer Il est important de garder le texte de l'infobulle concis pour les écrans plus petits.
Ces info-bulles sont-elles bonnes pour le référencement et l'accessibilité ?
Lorsqu'il est mis en œuvre correctement, oui Le texte de l'infobulle fait partie du HTML de la page Cependant, pour les informations critiques, ne vous fiez pas uniquement à une infobulle, car certains utilisateurs de lecteurs d'écran peuvent ne pas l'utiliser pour obtenir des infos supplémentaires utiles, et non du contenu essentiel Toujours tester avec des outils d'accessibilité.
L'ajout de nombreuses info-bulles va-t-il ralentir ma page ?
Chaque info-bulle ajoute une petite quantité de HTML et de CSS. Le fait d'avoir des dizaines d'info-bulles complexes sur une page pourrait contribuer à une surcharge de performances mineure, mais pour une utilisation typique (5 à 10 info-bulles par page), l'impact est négligeable Les avantages pour l'expérience utilisateur en valent la peine.
Quelle est la bonne utilisation réelle de la fonctionnalité « Suivre le curseur » ?
Imaginez une carte interactive ou un schéma technique dans une image Vous pourriez activer Follow Cursor de sorte que, lorsqu'un utilisateur déplace sa souris sur différentes parties de l'image, une info-bulle suit son curseur pour étiqueter et expliquer chaque zone spécifique en détail Cela crée une expérience engageante et exploratoire.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
