Widgets de boutons pour Elementor


Widgets de boutons pour Elementor

Créez des boutons attrayants qui captent l’attention des utilisateurs !

Découvrez les widgets de boutons pour Elementor pour créer de superbes boutons interactifs qui rehaussent la conception de votre site Web et améliorent l’expérience utilisateur sans effort.


Acheter maintenant

Transformez votre site Web avec des widgets de boutons pour Elementor

Concevez des boutons qui captivent, engagent et améliorent la convivialité avec des styles dynamiques, créatifs et personnalisables.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_741ffb8 * { box-sizing: border-box; } #uc_square_icon_box_elementor_741ffb8{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_741ffb8 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_741ffb8 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_741ffb8 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_741ffb8 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_741ffb8 .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_741ffb8:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_741ffb8 .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_741ffb8 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_741ffb8:hover span.line { width:100%; } #uc_square_icon_box_elementor_741ffb8 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Conceptions copiées et collées

Transférez facilement des designs magnifiques et attrayants de notre site Web vers le vôtre avec un simple copier-coller.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_5e57db1 * { box-sizing: border-box; } #uc_square_icon_box_elementor_5e57db1{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_5e57db1 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_5e57db1 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_5e57db1 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_5e57db1 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_5e57db1 .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_5e57db1:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_5e57db1 .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_5e57db1 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_5e57db1:hover span.line { width:100%; } #uc_square_icon_box_elementor_5e57db1 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Effets de survol interactifs

Engagez les utilisateurs avec des effets de survol qui ajoutent de la créativité aux widgets de boutons pour Elementor pour une sensation dynamique.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_de4a6ed * { box-sizing: border-box; } #uc_square_icon_box_elementor_de4a6ed{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_de4a6ed .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_de4a6ed .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_de4a6ed .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_de4a6ed .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_de4a6ed .ue-icon-inner svg{ hauteur:1em; largeur : 1 em ; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_de4a6ed:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_de4a6ed .ue_box_button { text-align:center; décoration de texte : aucune ; affichage : bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_de4a6ed span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_de4a6ed:hover span.line { width:100%; } #uc_square_icon_box_elementor_de4a6ed .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Léger et optimisé

Les widgets de boutons pour Elementor sont conçus pour des temps de chargement rapides, gardant ainsi les performances de votre site élevées.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_6983fc7 * { box-sizing: border-box; } #uc_square_icon_box_elementor_6983fc7{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_6983fc7 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_6983fc7 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_6983fc7 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_6983fc7 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_6983fc7 .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_6983fc7:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_6983fc7 .ue_box_button { text-align:center; décoration de texte : aucune ; display:bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_6983fc7 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_6983fc7:hover span.line { width:100%; } #uc_square_icon_box_elementor_6983fc7 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Entièrement adapté aux mobiles

Adaptables à n’importe quelle taille d’écran, les Button Widgets pour Elementor garantissent une expérience transparente sur tous les appareils.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_03dfe8f * { box-sizing: border-box; } #uc_square_icon_box_elementor_03dfe8f{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_03dfe8f .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_03dfe8f .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_03dfe8f .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_03dfe8f .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_03dfe8f .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_03dfe8f:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_03dfe8f .ue_box_button { text-align:center; décoration de texte : aucune ; display:bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_03dfe8f span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_03dfe8f:hover span.line { width:100%; } #uc_square_icon_box_elementor_03dfe8f .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Types de boutons polyvalents

De la simple navigation à la lecture vidéo ou au basculement, profitez des widgets de boutons pour Elementor pour chaque cas d’utilisation.

/* widget : Boîte d’icônes */ #uc_square_icon_box_elementor_2217a36 * { box-sizing: border-box; } #uc_square_icon_box_elementor_2217a36{ font-family : hériter ; transition : 0,3 s ; position : relative ; } #uc_square_icon_box_elementor_2217a36 .blox-boxed-small-square-icon-box-icon{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(0deg); indice z : 2 ; } #uc_square_icon_box_elementor_2217a36 .ue-icon { display:inline-block; } #uc_square_icon_box_elementor_2217a36 .blox-boxed-small-square-icon-box-icon > div{ position:relative; affichage:flex; justifier-content:center; align-items:center; transformer:rotation(-0deg); } #uc_square_icon_box_elementor_2217a36 .ue-icon-inner{ line-height:1em; } #uc_square_icon_box_elementor_2217a36 .ue-icon-inner svg{ hauteur:1em; largeur:1em; } .blox-boxed-small-square-icon-box-heading{ font-size:21px; } #uc_square_icon_box_elementor_2217a36:hover { position:relative; indice z : 1 ; } #uc_square_icon_box_elementor_2217a36 .ue_box_button { text-align:center; décoration de texte : aucune ; display:bloc en ligne ; transition : 0,3 s ; } #uc_square_icon_box_elementor_2217a36 span.line { display:block; position : absolue ; haut : 0 ; gauche : 0 ; largeur:0px; transition : 0,3 s ; } #uc_square_icon_box_elementor_2217a36:hover span.line { width:100%; } #uc_square_icon_box_elementor_2217a36 .ue-title-separator span { display:inline-block; transition : 0,3 s ; }

Styles personnalisables

Modifiez facilement les widgets de boutons pour Elementor en fonction de votre marque, des couleurs et des formes aux effets de survol.

Foire aux questions

/* widget : Accordéon de contenu */ #uc_content_accordion_elementor_4eaee2f *{ box-sizing: border-box; } #uc_content_accordion_elementor_4eaee2f .uc_ac_box{ overflow:hidden; } #uc_content_accordion_elementor_4eaee2f .ue_heading_title{ margin:0; croissance flexible : 1 ; affichage:flex; flex-direction:rangée; } #uc_content_accordion_elementor_4eaee2f .uc_container .uc-heading{ display:flex; align-items:center; débordement : caché ; curseur:pointeur; } #uc_content_accordion_elementor_4eaee2f .uc_container .uc_content{ display:none; } #uc_content_accordion_elementor_4eaee2f .uc_container .uc-heading span.ue_accordion_icon{ display:flex; align-items:center; justifier-content:center; flex-croissance : 0 ; flex-rétrécissement : 0 ; } #uc_content_accordion_elementor_4eaee2f .uc_ac_box.uc-item-active span.uc_dactive{ display:none; } #uc_content_accordion_elementor_4eaee2f .uc_ac_box:not(.uc-item-active) span.uc_active{ display:none; } #uc_content_accordion_elementor_4eaee2f span.ue_accordion_icon svg{ hauteur:1em; largeur : 1 em ; } #uc_content_accordion_elementor_4eaee2f .uc_container .uc_btn { text-align: center; affichage : bloc en ligne ; décoration de texte : aucune ; transition : entrée et sortie faciles toutes les 0,25 s ; } #uc_content_accordion_elementor_4eaee2f .ue-item-image img{ width:100%; affichage:bloc; ajustement de l’objet : couverture ; }


Les widgets de boutons pour Elementor sont-ils gratuits ?

Certains widgets de boutons sont gratuits et d’autres sont disponibles dans la version Pro. Chaque vignette de widget comporte une étiquette indiquant s’il est gratuit ou Pro.


Les widgets de boutons pour Elementor SEO sont-ils optimisés ?

Oui, tous nos widgets sont optimisés pour le référencement pour vous aider à améliorer la visibilité et le classement de votre site Web dans les moteurs de recherche.


Les widgets de boutons pour la vitesse d’Elementor sont-ils optimisés ?

Oui, nos widgets sont conçus dans un souci de performance. Nous veillons à ce qu’ils soient légers et optimisés pour que votre site Web reste rapide et réactif.


Existe-t-il des mises à jour régulières pour les widgets de boutons ?

Oui, nous mettons continuellement à jour nos widgets pour garantir la compatibilité avec la dernière version d’Elementor et WordPress, ainsi que pour ajouter de nouvelles fonctionnalités et améliorations.


Une assistance est-elle disponible pour les widgets de boutons ?

Oui, nous prenons en charge tous les widgets, avec une prise en charge prioritaire pour les utilisateurs Pro. Si vous avez besoin d’aide, notre équipe d’assistance est prête à vous aider à tirer le meilleur parti de vos widgets.

{“@context”:”https:\/\/schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”Are the Button Widgets for Elementor free?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Some Button Widgets are free, and others are available in the Pro version. Each widget thumbnail has a label indicating whether it\u2019s free or Pro.”}},{“@type”:”Question”,”name”:”Are the Button Widgets for Elementor SEO optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, all our widgets are SEO optimized to help improve your website\u2019s visibility and ranking in search engines.”}},{“@type”:”Question”,”name”:”Are the Button Widgets for Elementor speed optimized?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, our widgets are designed with performance in mind. We ensure they\u2019re lightweight and optimized to keep your website fast and responsive.”}},{“@type”:”Question”,”name”:”Are there regular updates for the Button Widgets?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we continuously update our widgets to ensure compatibility with the latest version of Elementor and WordPress, as well as to add new features and improvements.”}},{“@type”:”Question”,”name”:”Is support available for the Button Widgets?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, we provide support for all widgets, with priority support for Pro users. If you need assistance, our support team is ready to help you make the most of your widgets.”}}]}



web Design

Web Developer

Comments are closed, but trackbacks and pingbacks are open.