Widget d'appel à l'action gratuit Elementor
Le widget Appel à l'action d'Elementor fait partie d'Elementor Pro. Le widget Appel à l'action dans Master Addons est gratuit Il construit une bannière CTA avec un titre, une courte description et un bouton, et un dépôt Style Preset vous donne cinq mises en page : Par défaut, Centre, Devis, Devis 2 et Icône gauche Vous pouvez donner à la boîte une couleur, un dégradé ou un fond d'image et styliser le titre, la description et le bouton, y compris des couleurs de survol séparées pour le bouton Il convient aux bannières promotionnelles, aux invites de fin de publication, aux annonces de lancement et aux nudges de mise à niveau.
Comment ajouter un appel à l'action dans Elementor
Le widget est livré avec le plugin gratuit Master Addons, vous n'avez donc besoin que d'Elementor et Master Addons.
- Installer et activer Modules complémentaires principaux de WordPress.org.
- Modifiez votre page avec Elementor et recherchez dans le panneau widgets Appel à l'action. Choisissez celui avec le badge Master Addons.
- Faites-le glisser dans une section pleine largeur ou à l'endroit où l'offre appartient.
- Choisissez un préréglage de style, puis remplissez le contenu CTA (le titre), la description et le texte du bouton.
- Ajoutez l'URL Appel à l'action pour le bouton.
- Dans l'onglet Style, définissez l'arrière-plan dans Style prédéfini, puis le titre, la description et les couleurs des boutons, y compris l'onglet Survoler.
Chaque paramètre est couvert dans le Paramètres du widget Appel à l'action guide.
Cinq préréglages de bannières CTA
Choisissez une mise en page Style Préréglé et votre texte reste tel quel. Style par défaut met le titre et la description à gauche avec le bouton à droite. Style central empile tout au milieu jusqu'à 650 px de large, avec un titre blanc destiné à un fond sombre. Style de citation ajoute une barre d'accent épaisse à gauche, Style de citation 2 encadre le texte avec des bordures des deux côtés, et Icône gauche place une icône à côté du titre.
- Couleur de la bordure recolore les barres sur les deux préréglages de Citation.
- Icône, Couleur d'icône et Taille apparaissez uniquement sur l'icône gauche, qui commence par une icône en forme de cloche.
- Le titre est sorti sous forme de H3 et le bouton est un lien unique avec une URL, un nouvel onglet et des options de non-suivi.
Arrière-plan, texte et style de bouton
Dans Style préréglage(en), définissez le fond de la boîte sur une couleur unie, un dégradé ou une image, avec des contrôles de position, de fixation, de répétition et de taille pour l'image. Style de titre et Description Style chacun a une couleur et une typographie. Style de bouton dispose d'onglets Normal et Hover pour la couleur d'arrière-plan, la couleur du texte, la largeur, le remplissage et le rayon de bordure, ainsi que d'une bordure et d'une typographie pour le bouton.
- Sans une couleur de vol stationnaire propre, le bouton devient vert en vol stationnaire, alors réglez-en un pour correspondre à votre marque.
- Le style central et l'icône gauche utilisent du texte ou des icônes blancs, alors donnez-leur un fond sombre ou image.
- Pour rendre l'ensemble de la bannière cliquable, ajoutez le gratuit Lien d'emballage extension au widget.
Appel à l'action Elementor Pro vs Master Addons Appel à l'action
Le widget Call to Action d'Elementor Pro est construit autour d'une image, avec une peau Classic ou Cover, un ruban et des effets de vol stationnaire Master Addons est une bannière de texte plus légère qui ne coûte rien Voici comment ils se comparent.
| Caractéristique | Appel à l’action Elementor Pro | Appel à l’action Master Addons |
|---|---|---|
| Prix | Besoins d'Elementor Pro | Gratuit avec Master Addons |
| Dispositions | Skins classiques (image à côté ou au-dessus) et de couverture (image derrière) | Préréglages par défaut, centre, citation, citation 2 et icône gauche |
| Image | Image principale plus une image ou un graphique d'icône en option | Image d'arrière-plan sur la boîte, icône sur l'icône gauche uniquement |
| Contexte | Image avec couleur de superposition et filtres CSS | Couleur, dégradé ou image |
| Balises de cap | Titre et description Choix de balises HTML | Titre fixé comme H3 |
| Lien | Bouton seulement ou boîte entière | Bouton, ou boîte entière avec l'extension Wrapper Link |
| Extras | Ruban, animations de survol de contenu, zoom arrière-plan et déplacement en vol stationnaire | Couleurs et tailles du survol du bouton |
Si vous voulez des cartes image avec des rubans et un mouvement de survol et que vous avez déjà Elementor Pro, son widget en fait plus Pour une bannière de texte rapide avec un bouton, le widget gratuit Master Addons couvre les widgets gratuits associés : Bouton Créatif, Tableau des prix et Infobox.
Foire aux questions pour un appel à l'action
Le widget Master Addons Call to Action est-il gratuit ?
Oui. Il fait partie du plugin gratuit Master Addons sur WordPress.org, et les cinq préréglages sont inclus. Le propre widget Call to Action d'Elementor a besoin d'Elementor Pro.
Quel préréglage dois-je utiliser ?
- Style par défaut : une bannière avec du texte à gauche et le bouton à droite.
- Style central : un bloc centré sur un fond de couleur ou d'image sombre.
- Style de citation et style de citation 2 : texte encadré par des barres d'accent, bon pour une annonce dans un article.
- Icône gauche : une icône à côté du titre pour signaler l'objet de l'offre.
Puis-je rendre cliquable toute la boîte d’appel à l’action ?
Le widget ne lie que son bouton Ajouter le gratuit Lien d'emballage extension au widget si vous souhaitez que toute la bannière soit cliquable.
Puis-je ajouter une image ou un ruban au CTA ?
Vous pouvez définir une image comme fond de boîte dans le style Presets, mais il n'y a pas d'élément d'image séparé ni de ruban Pour les cartes image avec un ruban, le widget Call to Action d'Elementor Pro est le meilleur ajustement.
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
