Widget gratuit de boîte d'informations sur les éléments avec des styles d'icônes et d'images
Info Box est un widget gratuit Master Addons qui construit une carte à partir d'une icône ou d'une image, d'un titre et d'une courte description Choisissez un Style Preset, remplissez le texte et stylisez la boîte, l'icône, le titre et la description à partir du panneau Elementor Le plugin gratuit comprend la variante un à cinq, et Maître Addons Pro ajoute la variante six à dix, un fond d'icône de dégradé et un bouton Lire la suite sur la variante six. Utilisez-le pour les lignes de fonctionnalités, les listes de services, les coordonnées et les étapes de fonctionnement.
Comment ajouter une boîte d'informations dans Elementor
Vous avez besoin d'Elementor et du plugin gratuit Master Addons de WordPress.org.
- Vérifiez qu'Infobox est activé sous Additions maîtresses, widgets.
- Dans l'éditeur Elementor, recherchez Boîte d'informations et faites-le glisser dans une colonne.
- Choisissez un Style Préréglé. Les variantes un à cinq sont gratuites.
- Définir Image ou icône(en), puis choisissez l'icône ou téléchargez l'image.
- Tapez le titre et la description et ajoutez une URL de titre si la carte doit créer un lien quelque part.
- Ouvrir le modeler onglet pour définir les styles de bordure, d'arrière-plan, d'animation de survol, d'icône et de texte Dupliquer le widget pour construire une ligne.
Chaque paramètre est couvert dans le Paramètres du widget Info Box guide.
Style Presets : 5 Gratuit, 10 avec Pro
Le Style Préréglé dropdown modifie la disposition et la décoration de la carte sans toucher à votre contenu La variante un à cinq fonctionne dans le plugin gratuit La variante deux et trois ajoutent une grande copie délavée de l'icône derrière la carte, et la variante cinq met l'icône en forme d'hexagone Pro débloque la variante six à dix.
- Image ou icône : choisissez Aucun, Icône ou Image Les images utilisent le paramètre Résolution de l'image.
- URL du titre : lie le titre Pour rendre l'ensemble de la carte cliquable, utilisez le gratuit Lien d'emballage extension.
- Lire la suite Texte et lien : affiché uniquement sur la variante six (Pro).
Titre et description Styling
Le Titre et description les sections ont chacune la typographie, la couleur, l'alignement et le rembourrage Les deux ont des onglets Normal et Hover, et la couleur du vol stationnaire change lorsqu'un visiteur pointe n'importe où sur la carte, pas seulement sur le texte Le titre se rend toujours comme un H3, alors planifiez votre ordre de titre autour de cela.
- Typographie : famille, taille, poids, transformation, style, décoration, hauteur de ligne, espacement des lettres et des mots.
- Couleurs de vol stationnaire séparées pour le titre et la description.
- L'alignement et le remplissage peuvent différer selon l'appareil.
Boîte, Icône et Styling Hover
Styles généraux couvre la carte : Type de bordure, Largeur de bordure, Couleur de bordure, Rayon de bordure, Rembourrage et Marge L'arrière-plan a des onglets Normal et Hover, chacun avec un fond classique ou dégradé. Animation de survol utilise les effets Elementor tels que Grow, Pulse, Push et Bob. Style d'icône définit la taille de l'icône, la couleur de l'icône, l'arrière-plan de l'icône et l'alignement, toujours avec les états Normal et Hover.
- Différents arrière-plans pour la carte normale et plane.
- Couleurs d'icônes d'icônes et d'icônes d'arrière-plan fanées pour les deux états.
- Un fond d'icône de dégradé sur la variante six est Pro.
Boîte d'icônes d'élémenteur vs boîte d'informations sur les modules complémentaires principaux
Elementor expédie déjà des widgets gratuits Icon Box et Image Box Ils suffisent pour de nombreux sites, donc voici où chacun s'adapte.
| Caractéristique | Boîte à icônes d'élémenteur | Boîte d'informations sur les modules complémentaires principaux |
|---|---|---|
| Prix | Gratuit en Elementor | Gratuit avec 5 préréglages, Pro en ajoute 5 de plus |
| Icône ou image | Deux widgets : Icon Box et Image Box | Un widget avec Aucun, Icône ou Image |
| Disposition | Position de l'icône Début, Fin, Haut ou Bas ; Icône par défaut, empilée ou encadrée | Préréglages Style Prêt-à-Porter |
| Titre HTML tag | H1 à H6, div, span ou p | Toujours H3 |
| Lien | Un lien pour l'icône et le titre | URL du titre ; carte entière avec Wrapper Link |
| Fond de carte | Depuis l'onglet Avancé | Fond normaux et Hover, classiques ou dégradés |
| Effets de survol | Couleurs de survol d'icône et de titre, animation de survol d'icône | Animation de survol de carte plus couleurs de survol pour l'icône, le titre et la description |
| Bouton Lire la suite | Non | Variation Six uniquement (Pro) |
Choisissez Elementor Icon Box lorsque vous avez besoin d'une balise de titre spécifique ou d'une disposition d'icônes latérales Choisissez Info Box lorsque vous souhaitez une carte stylisée avec des arrière-plans survolés en une seule étape Pour une carte avec une face arrière, voir flipboxet pour une carte avec un bouton, voir Appel à l'action.
Foire aux questions pour Infobox
Le widget Info Box est-il gratuit ?
Oui. Info Box se trouve dans le plugin gratuit Master Addons avec la variante un à cinq. Maître Addons Pro ajoute la variante six à dix, un fond d'icône de dégradé et le bouton Lire la suite de la variante six.
Puis-je lier la boîte entière, pas seulement le titre ?
Le widget lui-même ne relie le titre que via l'URL du titre. Pour rendre l'ensemble de la carte cliquable, activez le logiciel gratuit Lien d'emballage extension et ajout du lien dans la section Wrapper Link du widget.
En quoi Info Box est-il différent de l'Elementor Icon Box ?
Elementor Icon Box est gratuit et vous permet de choisir la balise de titre et de mettre l'icône sur le côté. Info Box vous offre des préréglages, une image ou une icône prêts à l'emploi dans un widget et des arrière-plans normaux et volants séparés pour la carte. Le titre Info Box est toujours un H3.
Puis-je utiliser une image au lieu d'une icône ?
Oui. Définissez l'image ou l'icône sur Image, choisissez un fichier dans la bibliothèque multimédia et choisissez une résolution d'image. N'en choisissez aucun pour une carte texte uniquement.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
