Componente Botón Personalizado
El COMPONENTE BOTÓN PERSONALIZADO, también conocido como CTA o Call to action, es el que solemos utilizar añadir un enlace que conecte con cualquier contenido dentro de la web, para que el usuario acceda a él cuando haga clic.
Cuando accedemos a la edición del COMPONENTE BOTON PERSONALIABLE, veremos que está dividido en dos zonas principales.
En la parte superior están los valores específicos del botón, que corresponden con el enlace al que apuntará y el texto que se muestra.
En la parte inferior, encontraremos el resto de configuraciones, divididas en varias pestañas para facilitar su implementación.
En la primera pestaña OPCIONES ADICIONALES, encontraremos varias alternativas de personalización que veremos a continuación.
Si deplegamos el primer grupo de OPCIONES ADICIONALES, podremos configurar las siguientes:
- Que el destino del enlace se abra en una nueva ventana.
- Configurar los márgenes superior e inferior del botón con respecto a su bloque.
- Cambiar el color de fondo del botón.
- Añadir un efecto sombra al botón.
El siguiente grupo de configuraciones adicionales sirve para modificar algunas de las características y comportamiento del botón, dentro de las que encontraremos:
- Texto en Negritas (Bold)
- Color del texto
- Tipografía (Font family)
- Tamaño del texto (Font size)
- Unidad de medida tamaño del texto (Font size unit)
El tercer grupo de configuraciones adicionales está relacioado con la altura y ancho del botón, dentro de las que encontrarmos:
- Altura del botón
- Ancho del botón
- Unidad de medida para el ancho del botón
- Tamaño máximo en ordenadores.
El último grupo de configuraciones adicionales está relacioado con los bordes del botón, dentro de las que encontrarmos:
- Ancho del borde
- Estilo del borde
- Color del borde
- Curvatura o radio del boque
Si cerramos las opciones de botón y nos movemos a la siguiente pestaña llamada BLOCK y la desplegamos, podremos añadir o modificar los valores para el Padding Superior e Inferior del bloque que contiene al botón.
En la siguiente pestaña, llamada MOBILE, tenemos la opción de configurar los márgenes superior e inferior del botón, asi como el ancho máximo del botón que tendrá cuando visiten nuestra web desde dispositivos móviles.
En la última de las pestañas ANIMATION, tenemos un selector desde el que podremos elegir entre varios efectos de animación que se aplicarán al botón.
