La llamada a la acción o Call to Action (CTA) es un bloque muy importante a la hora de querer llamar la atención de tu lector, suscriptor o cliente. Con Atomic Blocks tienes un bloque excelente para destacar elementos o botones que tus lectores desearan clicar.
El bloque de llamada a la acción de Atomic Blocks viene con muchas configuraciones a medida, como el tamaño de fuente o color del título o texto, puedes cambiar la imagen de fondo, también el color. Cambiar el tamaño del botón a tu antojo, su forma, color y además aplicar al texto del botón el color que más te apetezca.
Tabla de contenidos
¿Cómo crear un call to action con Atomic Blocks?
Como todos los bloques de Gutenberg, hay 3 formas de añadir bloques, también los de Atomic Blocks se añaden igual, ya que son colecciones de bloques.
- Con el icono +
de la barra de herramientas superior. - Escribiendo / y el nombre del bloque, en este caso Call to Action, la del icono de megáfono.
- La tercera forma es pulsando el icono del bloque y buscando por el nombre.
de la barra de herramientas superior.
del bloque y buscando por el nombre.Apartados configurables del bloque «Call to Action»
Una vez insertado el bloque, se ve algo así:
Las palabras «Call-To-Action Title» se cambian por el título que quieres colocar. «Call To Action Text» se sustituye por una pequeña descripción que quieras colocar y que complemente tu título principal. Para terminar clicando sobre el botón puedes cambiar el texto «Button text…»
Un ejemplo de personalización de los textos puede ser ésta:
Las opciones del bloque de llamada a la acción, además de las comunes a todos los bloques, que son las situadas en la barra de herramientas situada en la parte superior del bloque, son las siguientes:
Opciones de bloque del panel lateral
Opciones del texto
Como puedes ver en la siguiente imagen, puedes cambiar el tamaño del título, de la descripción y el color. He configurado los siguientes cambios.
Opciones del fondo
Entre las opciones de fondo que puedes aplicar a tu bloque de Call to Action, tienes entre el poder poner una imagen de fondo, cambiar su opacidad o añadir un color de fondo de entre los mostrados o el que tu quieras.
Opciones de botón
También el botón tiene opciones para personalizar, desde poder abrir la nueva ventana en otra pestaña, pasando por el tamaño del botón, que puedes elegir entre los tamaños «Medio, Pequeño, Grande y Muy grande «, hasta hacer botones redondeados, circulares y cuadrados. Y por supuesto el color de fondo del botón y el color de su texto son variables personalizables.
Opciones Responsive y Avanzadas
Para acabar con los ajustes de opciones, tienes las opciones comunes agregadas gracias al plugin EditorsKit. Las opciones de visualización en tablet y móvil y las opciones avanzadas de visibilidad para usuarios registrados, además de poder aplicar una clase CSS al bloque.
Aspecto final del bloque «Call to Action»
Una vez se han hecho los cambios que se te han antojado, el aspecto de un bloque de «Call to Action» o llamada a la acción es algo así:
Esta claro que según el theme o tema que tengas, este «Call to Action» ocupará una parte o todo el ancho de pantalla. En cualquier caso, puedes preparar llamadas a la acción muy atractivas visualmente. Ten en cuenta que este tipo de bloques convierten más que los típicos sliders, ese tipo de banners que lo único que hacen es ocupar mucho espacio y que son un problemas de usabilidad, sobretodo en la versión móvil.
Si te ha gustado o te ha aclarado conceptos el contenido de este artículo compártelo en redes sociales para que pueda crecer, ¡Muchas gracias!
Deja una respuesta