Ir al contenido principal

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

Agrega un bloque de Llamado a la Acción, configura la acción de su botón y dale estilo para enviar a los visitantes a una página, un checkout, un archivo o un formulario.

Un bloque de Call to Action (CTA) agrega un botón a tu Website Page o Landing Page que envía a los visitantes adonde quieras: otra página, un checkout, la descarga de un archivo o una ventana emergente de suscripción en dos pasos. Úsalo para convertir una visita en una suscripción, un registro o una compra.

Agrega el bloque a cualquier Sección y luego configura el texto, la acción y la apariencia del botón. Esta guía cubre las páginas creadas con Kajabi Pages. Si tu página usa la plantilla heredada Premier, ve a la sección Usa un Llamado a la Acción en una página Premier más abajo.
​


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

Un Llamado a la Acción anima a tus visitantes a dar una respuesta inmediata, como suscribirse a tus correos de marketing o comprar una Oferta. En Kajabi, un Llamado a la Acción es un botón, y su Button action decide qué pasa cuando alguien hace clic en él.

Dónde puedes usar un Llamado a la Acción

Puedes agregar un Llamado a la Acción a cualquier Sección de tus páginas creadas en Kajabi: las páginas hechas con el Website Builder y las páginas de Productos y Funnels hechas con Kajabi Pages. Las plantillas heredadas de Kajabi también lo admiten.

Consejo: Muchas Secciones también tienen un menú desplegable Actions para las imágenes. Usa Image Actions cuando quieras que una imagen, en lugar de un botón, cumpla la misma función.


Agrega un bloque de Llamado a la Acción

  1. Abre la pestaña Website desde el Dashboard.

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

  3. Abre el editor de página para tu Página. Aprende cómo abrir el editor de página.

  4. Haz clic en la sección que quieres editar o crea una nueva sección.

  5. En la barra lateral, haz clic en Add block.

  6. En la lista, selecciona Call to Action. El nuevo bloque de Llamado a la Acción aparece al final de la Sección.

  7. Haz clic en Save para guardar tus cambios.


Sección de Call to Action vs. bloque de Call to Action

Una Sección de Call to Action y un bloque de Call to Action te dan la misma configuración. La diferencia está en el diseño: con un bloque, puedes ajustar el ancho del Llamado a la Acción sin cambiar también el ancho del texto, algo que no puedes hacer con el bloque de Texto que genera la Sección. Prueba ambos para ver cuál se adapta mejor a tu diseño.

Sección de Call to Action

Al agregar una Sección de Call to Action se genera un único bloque de Texto con la configuración de bloque de Call to Action activada. Personaliza el bloque de Texto y estas configuraciones de la sección para cambiar su apariencia, comportamiento y contenido:

Bloque de Call to Action

Agrega un bloque de Call to Action a cualquier sección estándar o personalizada para crear tu propio diseño. Personaliza el bloque con la configuración que se indica a continuación.


Personaliza un bloque de Llamado a la Acción

Texto

Ingresa el texto de tu botón. Dile a los visitantes qué hace el botón, por ejemplo, "Descarga la guía" o "Reserva una llamada".

Acción del botón

Selecciona una Button action 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: Si tu Button action está configurada como Download a file, el archivo puede pesar hasta 250 MB.

Para enviar a los visitantes a la página de checkout de una Oferta, copia el enlace de tu Oferta y usa un Llamado a la Acción configurado como Go to a URL. Ingresa la URL completa, incluido "https://", por ejemplo, https://kajabi.com/.

Consejo: Usa un botón de Llamado a la Acción para crear un enlace de correo electrónico o un enlace telefónico, para que los visitantes puedan escribirte o llamarte con un solo clic. Aprende cómo crear un enlace de correo electrónico o aprende cómo crear un enlace telefónico.

Abrir en una nueva pestaña

Activa esta configuración para abrir la acción en una pestaña diferente del navegador de tu visitante.

Color de fondo del botón

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

Para usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores:

  • La barra vertical selecciona el tono

  • El cuadro selecciona el brillo

  • La barra horizontal selecciona la opacidad

Color de texto del botón

Combina el color de fondo de tu botón con un Button text color que contraste, para que el texto sea fácil de leer. Haz clic en Button text color para seleccionar un color de la paleta de colores de tu sitio.

Nota: Button text color se aplica solo a los botones sólidos.

Para usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores:

  • El cuadro ajusta el brillo y la saturación

  • La barra horizontal de arcoíris selecciona el tono

  • La barra horizontal de degradado selecciona la opacidad

Ancho del botón

Ajusta el ancho de tu botón:

  • Full: Ocupa todo el ancho del área del botón

  • Auto: Ajusta el ancho al texto

Estilo del botón

Cambia el estilo de tu botón para mostrar:

  • Un botón de color sólido

  • El contorno del color de fondo de tu botón

Tamaño del botón

Elige un botón Small, Medium o Large. Cambiar el tamaño cambia tanto el fondo del botón como el tamaño del texto.

Radio del borde

Haz que las esquinas de tu botón sean más redondeadas o más cuadradas. En una página estándar de sitio web, ingresa un valor de hasta 50 para personalizar la apariencia del botón.

Abre un modal cuando un visitante haga clic en tu Llamado a la Acción. En el 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 en el 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 sobre las versiones de Encore.

Configuración del bloque

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


Usa un Llamado a la Acción en una página Premier

Premier es una plantilla heredada. Si tu página usa Premier, igual puedes agregar un botón de Llamado a la Acción y usarlo en muchas Secciones de Premier.

Secciones de Premier que admiten un Llamado a la Acción

Puedes usar un botón de Llamado a la Acción en estas Secciones de Premier:

  • Call to Action

  • Custom Content

  • Event

  • Event Video

  • Facebook Comments

  • Features

  • Hero

  • Offers

  • Pricing Options

  • Showcase

  • Video

  • Text

  • Text & Image

Agrega un Llamado a la Acción a una página Premier

  1. Abre la pestaña Website desde el Dashboard.

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

  3. Abre el editor de página para tu Página. Aprende cómo abrir el editor de página.

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

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

  6. En la lista, selecciona Call to Action. El nuevo bloque de Llamado a la Acción aparece al final de la Sección.

  7. Haz clic en Save para guardar tus cambios.

¿Ha quedado contestada tu pregunta?