Button widget

the Button widget le ayuda a diseñar y personalizar botones fácilmente sin la necesidad de otros complementos o códigos cortos.

Content

1. Type: Seleccione entre 5 estilos de botones para comenzar su diseño. Escoge de Default, information, Success, Warningor Peligro
2. Text: Ingrese el texto del botón
3. Link: 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 = nofollow al enlace
4. Alignment: Alinee el botón a la izquierda, al centro, a la derecha o justificado en relación con su columna.
5. Size: Seleccione los tamaños de botón preestablecidos, de Extra pequeño a Extra grande (consulte los detalles predeterminados del relleno al final de este documento)
6. Icon: Seleccione un FontAwesome icono para mostrar en el botón
7. Icon Position: Configura el icono para que aparezca antes o después del texto del botón
8. Icon Spacing: Ajusta la cantidad de espacio entre el icono y el texto del botón
9. Button I.D: (Opcional) Asigne un ID de botón único para usar en situaciones como Eventos de Google analytics

Style

1. Typography: Cambia las opciones de tipografía predeterminadas para el texto del botón
2. Text shadow: Agrega una sombra y desenfoque al texto del botón
3. Text Colour: Seleccione el color del texto del botón
4. Background color: Seleccione el color de fondo del botón para ambos Normal and Float up state
5. Scrolling animation: Click on the Pestaña flotante para establecer un Scrolling animation
6. Border type: Seleccione el tipo de borde que se utilizará alrededor del botón
7. Width: Controla el grosor del borde alrededor del botón
8. Colour: Choose the border color
9. Border Radio: Sets the radius of the border to control the roundness of the corners
10. Box Shade: Establece opciones para aplicar una sombra de cuadro en el botón
11. Filling: Changes the button fill setting

Cómo rastrear el event «Button onClick» (para Facebook Pixel, Google Analytics o Google Tag Manager)

Siga estos pasos para rastrear eventos de botón onClick:

1. Edit Button > Advanced > establecer CSS ID = My_Button
2. Agregar al widget HTML de la página (después de que el botón esté bien)
3. Pegue el siguiente código en el campo Código 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. Actualizar página, vista previa, prueba

Advanced

Set the advanced options that are applicable to this widget

Cómo hacer un botón Descargar PDF

1. Agregar un widget de editor de texto
2. Sube tu PDF a través del Text editor widget
3. To post the page
4. Vaya a la página en vivo y copie el enlace URL que apunta al PDF
5. Ahora, en otra página, agregue un widget de botón y configure el enlace a la URL

Tamaños predeterminados de botones: valores predeterminados de relleno

Arriba a la izquierda, abajo a la derecha

• Extra Pequeño: 10 px, 20 px, 10 px, 20 px
• Pequeña: 12px, 24px, 12px, 24px
• Means, medium: 15px, 30px, 15px, 30px
• Big: 20px, 40px, 20px, 40px
• Extra grande: 25px, 50px, 25px, 50px