Widget de bouton

Les Widget de bouton Vous aide à concevoir et personnaliser facilement des boutons sans avoir besoin d'autres plugins ou codes courts.

Le contenu

1. Type: Choisissez parmi 5 styles de boutons pour commencer votre conception. Choisissez parmi Défaut, Informations, Succès, Avertissementou Danger
2. Texte: Saisissez le texte du bouton
3. Relier: Establezca la URL del enlace del botón. Haga clic en el engranaje para configurar el enlace para que se abra en una nueva ventana o para agregar rel = pas de suivi vers le lien
4. Alignement: Alignez le bouton à gauche, au centre, à droite ou justifié par rapport à sa colonne.
5. Taille: Sélectionnez les tailles de bouton prédéfinies, du très petit au très grand (voir les détails de remplissage par défaut à la fin de ce document)
6. Icône: Sélectionner un FontAwesome icône à afficher sur le bouton
7. Icône Positionner: Définit l'icône pour qu'elle apparaisse avant ou après le texte du bouton
8. Icône Espacement: Ajuste la quantité d'espace entre l'icône et le texte du bouton
9. Bouton CARNET D'IDENTITÉ: (Facultatif) Attribuez un ID de bouton unique à utiliser dans des situations telles que Eventos de Google Analytics

Style

1. Typographie: Modifier les options de typographie par défaut pour le texte du bouton
2. Ombre de texte: Ajouter une ombre et un flou au texte du bouton
3. Texte Couleur: Sélectionnez la couleur du texte du bouton
4. Couleur de l'arrière plan: Sélectionnez la couleur d'arrière-plan du bouton pour les deux Normal y Flotter Etat
5. Animation de défilement: Clique sur le Onglet flottant pour établir un Animation de défilement
6. Type de bordure: Sélectionnez le type de bordure à utiliser autour du bouton
7. Largeur: Contrôle l'épaisseur de la bordure autour du bouton
8. Couleur: Choisissez la couleur de la bordure
9. Frontière Radio: Définit le rayon de la bordure pour contrôler l'arrondi des coins
10. Boîte Ombre: Définit les options pour appliquer une ombre de boîte au bouton
11. Farci: Modifie le paramètre de remplissage des boutons

Cómo rastrear el un événement «Button onClick» (para Facebook Pixel, Google Analytics o Gestionnaire de balises Google)

Suivez ces étapes pour suivre les événements du bouton onClick:

1. Éditer Bouton > Avancée > establecer CSS ID = My_Button
2. Agregar al widget HTML de la página (después de que el botón esté bien)
3. Collez le code suivant dans le champ Code HTML:

   <script> 
   document.addEventListener("DOMContentLoaded", function(event) { 
   	jQuery('#My_Button a').click(function(){ 
   	// tracking code here
   	// for example Facebook Pixel: 
   		fbq('track','AddToCart'); 
   	}); 
   	}); 
   </script>
   	

4. Actualiser la page, prévisualiser, tester

Avancée

Définissez les options avancées applicables à ce widget

Comment créer un bouton Télécharger le PDF

1. Ajouter un widget éditeur de texte
2. Téléchargez votre PDF via le Widget éditeur de texte
3. publier la page
4. Accédez à la page en direct et copiez le lien URL pointant vers le PDF
5. Maintenant, sur une autre page, ajoutez un widget de bouton et définissez le lien vers l'URL

Tailles par défaut des boutons - Paramètres de remplissage par défaut

En haut à gauche, en bas à droite

• Super petit: 10 px, 20 px, 10 px, 20 px
• Petite: 12px, 24px, 12px, 24px
• Moitié: 15 px, 30 px, 15 px, 30 px
• Grand: 20 px, 40 px, 20 px, 40 px
• Extra grand: 25 px, 50 px, 25 px, 50 px