Un Call to Action o CTA (también llamado llamada a la acción) es un botón o enlace situado en nuestro sitio que busca atraer clientes potenciales y convertirles en clientes finales.
En este tutorial vamos a ver cómo agregar y editar uno.
Pasos para agregar un Call to Action 👇
1. Dentro del diseñador hace clic en el botón turquesa «+».
2. Se abrirá el menú (izquierda). Hace clic en «Call to Action»
3. ¡Listo! ya tenés cargada la sección 👏
Ahora vamos a los pasos para editarlo.
Pasos para editar un Call to Action 👇
1. Hace clic en editar. Para el mouse para que aparezca esta opción.
2. Para cambiar el color de fonde ir a Estilos > Fondo de sección.
📍 Importante: Con está opción estas cambiando el fondo de la página, además de agregar un sombreado (opcional).
3. También podés agregar una foto o imagen. Para hacerlo tenés que ir a Estilos > Fondo de sección > Imagen > Click para subir.
💡 TIP: También podes agregar una textura desde Estilos > Fondo de sección > Texturas.
4. Color al contenedor ir a Estilos > Contenedor
Título
En el texto vas a poder editar 👇
👉Desde la sección Título > Estilo
- Color: El mismo lo elegís desde la paleta de colores.
- Estilo: Normal o Itálica.
- Peso: Liviana, normal o negrita.
- Decoración: Sobrerayado, tachado o subrayado
- Sombreado: Diferentes tipos de sombreado.
👉Desde la sección Título > «Formato»
- Tamaño: Nos referimos a la dimensión que va a tener el título en este caso.
- Espaciado: Es el espacio que va a tener una letra de otra.
- Alto de renglón: Cuando tenés más de dos renglones podés elegir que distancia van a tener uno del otro.
- Alineación: Puede ser a la izquierda, centrado o hacia la derecha.
👉Desde la sección Título > «Layout»
Margen superior – Margen inferior – Margen izquierdo – Margen derecho
🚨 Importante: Lo mismo se aplica para texto y botón.
🤓 Aviso importante: Recorda hacer ambas versiones, tanto la desktop (escritorio) como la mobile (celular)
💡 TIP: Además de estas funciones podés poner un color diferente al botón y al fondo, como también un borde desde la opción Call to Action > Botón > Estilo y allí elegir fondo o bordes.
