• Caractéristiques
  • Modèles
  • Tarification
  • French
  • Caractéristiques
  • Modèles
  • Tarification
  • French
Ops ! Votre widget recherché n'a pas été trouvé ! Avez-vous une idée ? Si c'est le cas, Soumettre ici

Savez-vous comment afficher des infobulles avancées avec Elementor ? Il s'agit peut-être d'un sujet courant, mais nous recevons de nombreuses demandes concernant la fonction d'infobulle et la manière dont les utilisateurs peuvent l'utiliser. Comme nous l'avons pensé, il est plus facile d'écrire sur l'utilisation des infobulles que d'expliquer à chaque fois. 

Parlons donc des infobulles dans le plugin Elementor Page Builder.

Qu'est-ce qu'une info-bulle avancée ?

Elementor est devenu l'un des constructeurs de pages les plus en vogue. Il possède de nombreuses fonctionnalités utiles et l'une des plus intéressantes est l'infobulle. Vous pouvez ajouter une brève description de n'importe quel élément dans l'infobulle et il peut même s'agir d'une image.

Une info-bulle avancée est un élément de l'interface utilisateur graphique (GUI) utilisé en conjonction avec le curseur ou le pointeur de la souris pour afficher des informations sur un élément sans qu'il soit nécessaire de cliquer dessus.

Le scénario typique pour appeler une info-bulle avancée est de faire passer le curseur de la souris sur un autre élément de l'interface graphique, tel qu'une icône d'outil dans une application logicielle, et elle est également couramment utilisée sur les sites web. Une infobulle est également connue sous le nom de hint, infotip ou screentip.

Que fait l'infobulle avancée ?

Selon l'application, l'info-bulle avancée peut afficher le nom complet de l'objet sur lequel la souris passe, des informations supplémentaires ou une explication détaillée de la fonction de l'outil ou de l'objet.

Par exemple, dans l'explorateur Windows, lorsque la souris passe sur un fichier, les détails de ce fichier tels que le type de format, la taille et la date de modification s'affichent, et lorsque la souris passe sur la partition du disque local, l'espace libre et la taille totale du disque s'affichent.

Comment afficher des infobulles avancées en utilisant Elementor ?

Nous allons maintenant vous montrer comment afficher des infobulles avancées. Pour ce faire, vous devez suivre les étapes suivantes :

Étape 1 : Insérer un widget

How to show advanced tooltips using Elementor

Commencez par aller dans le menu des widgets, puis insérez un widget dans la page. Par exemple, nous avons choisi le widget "Advanced Icon Box".

Étape 2 : Activer le commutateur d'infobulles

Ensuite, allez dans l'onglet Avancé, puis activez le commutateur "Utiliser l'infobulle ?

Étape 3 : Voir l'effet

Enfin, après avoir activé le sélecteur, sélectionnez la position de l'infobulle dans le menu "Placement" et voyez l'effet. La position par défaut est en haut, mais vous pouvez sélectionner d'autres positions dans le menu.

Bon travail ! Vous avez réussi à afficher l'infobulle en utilisant Elementor.

Conclusion

Nous espérons que vous avez apprécié notre article sur l'affichage d'infobulles avancées à l'aide de Elementor. Cela peut s'avérer très utile pour montrer des informations supplémentaires aux visiteurs de votre site web d'une manière discrète.

Merci d'avoir lu cet article. Je vous souhaite une bonne journée.

Copyright © 2025 BdThemes. Tous droits réservés.

Money Transfer Logo