Ir al contenido principal

Agrega un bloque de Llamado a la Acción a una página de sitio web y de destino

Aprende a agregar un Bloque de Llamado a la Acción para animar a los visitantes del sitio a abrir una página, comprar una oferta, y más.


¿Qué es un Llamado a la Acción?

Un Llamado a la Acción (CTA) se usa comúnmente para animar a una respuesta inmediata de los usuarios de tu sitio para suscribirse a tus correos de marketing o comprar una Oferta.


Agrega un bloque de Llamado a la Acción

  • Abre la pestaña Website desde el Dashboard.

  • Selecciona la pestaña Website Pages o Landing Pages.

  • Abre el editor de página para tu Página. Aprende más

  • Haz clic en la Sección que quieres editar o crea una nueva Sección.

  • En la barra lateral, haz clic en Add Content.

  • En la lista, selecciona Call to Action.

  • Tu Bloque de Llamado a la Acción recién creado se generará al final de la Sección.

  • Haz clic en Save para guardar tus cambios:


Personaliza tu bloque de Llamado a la Acción

En un bloque de Llamado a la Acción, personaliza:

  • el Texto

  • la Acción del Botón

  • el Comportamiento

  • el Color de Fondo del Botón

  • el Ancho del Botón

  • el Estilo del Botón

  • el Tamaño del Botón

  • el Radio del Borde

  • la Configuración del Bloque

Texto

Ingresa tu texto personalizado para mostrar en tu botón de CTA. Aprovecha esta oportunidad para comunicar a tus usuarios lo que hará el botón.

Acciones del botón

Selecciona una Acción del Botón para:

  • Ir a una Página de Destino

  • Ir a una Página de Checkout

  • Descargar un archivo

  • Ir a una URL

  • Abrir una ventana emergente de suscripción en dos pasos para que los visitantes completen un formulario

  • Ir a una sección de la página

  • Abrir un modal

Nota: Al usar la acción Go to a URL, asegúrate de ingresar una URL completa (por ejemplo, https://kajabi.com/). Si la acción de tu botón está configurada como "Download a file", hay un límite de archivo de 250 MB.

Abrir en una nueva pestaña

Habilita esta configuración para activar tu acción en una pestaña diferente del navegador de tu usuario.

Color de fondo del botón

Haz clic en Button background color para seleccionar un color de la paleta de colores de tu sitio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

  • La barra vertical te permite seleccionar el tono.

  • El cuadro te permite seleccionar el brillo.

  • La barra horizontal te permite seleccionar la opacidad de tu color.

Color de texto del botón

Complementa el Color de Fondo de tu Botón con un Color de Texto de Botón diferente.

Nota: El Color de Texto del Botón es solo para botones sólidos.

Haz clic en Button Text Color para seleccionar un color de la paleta de colores de tu sitio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

  • El cuadro te permite ajustar el brillo y la saturación de tu color.

  • La barra horizontal de arcoíris te permite seleccionar el tono.

  • La barra horizontal de degradado te permite seleccionar la opacidad de tu color.

Ancho del botón

Ajusta el ancho de tu Botón:

  • Completo: llena el ancho del área del botón

  • Automático: ajusta automáticamente el ancho para adaptarse al texto

Estilo del botón

Cambia el estilo del Botón para mostrar:

  • Un botón de color sólido

  • El contorno de tu Color de Fondo del Botón

Tamaño del botón

Ajusta el tamaño de tu Botón de Llamado a la Acción:

  • Pequeño

  • Mediano

  • Grande

Cambiar el tamaño de tu Llamado a la Acción cambiará tanto el fondo del botón como el tamaño del texto.

Radio del borde

Personaliza el Borde de tu Llamado a la Acción para que se vea más redondeado o cuadrado.

Si estás personalizando un bloque de CTA en tu página estándar de sitio web, ingresa el valor deseado hasta 50 para personalizar la apariencia individual de los botones.

Abre un modal cuando se hace clic en el CTA. Dentro del modal puedes personalizar:

  • el Texto del Modal

  • la Alineación del Texto

  • el Color del Texto del Modal

  • el Color de Fondo del Modal

Selecciona Edit Modal para previsualizar y editar el Modal dentro del editor de temas.

Nota: El Modal de Llamado a la Acción solo está disponible en Encore 1.8.0 y versiones posteriores. Aprende más.

Configuración del bloque

Para ajustar el aspecto del Bloque, configura tu Configuración del Bloque personalizando el:

¿Ha quedado contestada tu pregunta?