Ir al contenido principal

Agrega un formulario a una página

Agrega un bloque de formulario a una Página del Sitio Web o a una Página de Destino, configura su Página de Agradecimiento y personaliza el botón.

Un Formulario recopila los datos de un visitante para que puedas hacer crecer tu lista. Agrega un Formulario a una Página del Sitio Web o a una Página de Destino, elige qué sucede después de que alguien lo envía y personaliza el botón para que combine con tu página.


¿Qué es un formulario?

En Kajabi, los Formularios se pueden usar para realizar diversas acciones, incluyendo:

Agregar un Bloque de Formulario a tu página muestra el Formulario seleccionado en tu página. Prueba a agregar un Formulario que se ajuste a la visión de tu negocio.


Agrega un bloque de formulario

  1. Desde el Dashboard, abre la pestaña Website.

  2. Selecciona Website Pages o Landing Pages.

  3. Abre el editor de página de tu página. Aprende a 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 Form.

  7. Selecciona tu Formulario en el menú desplegable para mostrarlo en el Bloque. ¿No tienes un Formulario? Aprende a crear un Formulario.

  8. Haz clic en Save para guardar tus cambios.


Personaliza tu bloque de formulario

En un Bloque de Formulario, configura el Ancho del Bloque, selecciona el Formulario usado, configura la Página de Agradecimiento, edita el Texto, agrega un Aviso Legal a tu Formulario, y personaliza la Configuración del Bloque de Formulario.

Selecciona el formulario

Para seleccionar un Formulario en el menú desplegable, primero debes crear un Formulario en tu pestaña Marketing.

Haz clic en Edit forms para editar y crear un Formulario:

FEC54D65-E238-495E-8F05-DD0918B49289_4_5005_c.jpeg

Página de agradecimiento

Configura la acción que se activa después de enviar el Formulario desde la página:

  • Ir a una Página de Destino

  • Ir a una Página de Checkout

  • Descargar un Archivo

  • Ir a una URL (asegúrate de usar la URL completa; por ejemplo, https://kajabi.com/)

Nota: Déjalo en blanco para enviar a quienes completan tu Formulario a la Página de Agradecimiento estándar del sitio web o a la Página de Agradecimiento configurada en los ajustes de Después del Envío del Editor de Formulario. Seleccionar una Página de Agradecimiento en este menú desplegable anula tanto la Página de Agradecimiento estándar del sitio web como la Página de Agradecimiento de Después del Envío.

Texto

Personaliza el mensaje arriba de los campos del Formulario editando el Texto en el Bloque. Ingresa tu Texto personalizado para reemplazar "Join the Newsletter" al agregar tu Formulario a un Bloque en tu página:

Consejo: Usa el Editor de Texto para agregar fácilmente tu contenido de texto a tu Bloque de Formulario.

Según el RGPD, se debe informar a un contacto que sus datos serán almacenados y usados por una empresa cuando los envíe.

La función de Texto del Aviso Legal te ayuda a agregar un lenguaje claro y sencillo para informar a tus visitantes que enviar el Formulario los suscribirá a tus Correos de Marketing. Esta función te ayuda en definitiva en tu camino hacia el cumplimiento del RGPD. Aprende más sobre el RGPD y la recolección de datos.

Aviso legal: Kajabi y cualquiera de sus empleados, contratistas o abogados que participen en brindar la información contenida en este Artículo o en cualquier otro lugar de nuestro sitio web renuncian expresamente a cualquier garantía.


Etiqueta de entrada

Elige mostrar texto de Placeholder dentro de los campos de tu Formulario:

Elige mostrar Labels encima de cada campo del Formulario:

Haz el formulario en línea

Marca Make Form Inline para darle al formulario un diseño horizontal en dispositivos más grandes:


Configuración del bloque

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

Botón

Similar a la Configuración del Bloque de Llamado a la Acción, personaliza tu Botón de envío del Formulario editando el texto, el color de fondo, el color del texto, el ancho, el estilo, el tamaño y el radio.

Botón de formulario:

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 para elegir tu color.

  • El cuadro ajusta el brillo y la saturación de tu color

  • La barra horizontal de arcoíris selecciona el tono

  • La barra horizontal de degradado selecciona 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 aplica solo a botones sólidos.

Haz clic en Button text 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 para elegir tu color.

  • La barra vertical selecciona el tono

  • El cuadro ajusta el brillo

  • La barra horizontal selecciona la opacidad de tu color

Ancho del botón

Ajusta el ancho de tu Botón:

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

  • Auto: ajusta el ancho para adaptarse al texto

Estilo del botón

Cambia el estilo del Botón para mostrar:

  • Botón de color sólido

  • Contorno del color de fondo de tu Botón

Tamaño del botón

Ajusta el tamaño de tu Botón de envío del Formulario:

  • Pequeño

  • Mediano

  • Grande

Cambiar el tamaño cambia tanto el fondo del botón como el tamaño del texto.

Radio del borde

Personaliza el borde de tu Botón de envío del Formulario para que se vea más redondeado o cuadrado.


Agrega una sección de Formulario en una plantilla heredada Premier

Premier es una plantilla de página heredada. En una plantilla Premier, agregas un Formulario con una Sección Opt In Form en lugar de un Bloque de Formulario. Si creas páginas con el editor de página actual, sigue los pasos anteriores.

Agrega una sección Opt In Form a una página Premier

  1. Desde el Dashboard, abre la pestaña Website.

  2. Selecciona Website Pages o Landing Pages.

  3. Selecciona la página que quieres personalizar o crea una nueva página.

  4. Haz clic en Customize para abrir el editor de plantillas.

  5. En la barra lateral, haz clic en + Add Section.

  6. Selecciona Opt In Form.

  7. Haz clic en Add.

  8. Encuentra tu nueva Sección de Formulario al final de la página.

  9. Selecciona tu Formulario en el menú desplegable para mostrarlo en la Sección.

  10. Haz clic en Save para guardar tus cambios.

Selecciona el formulario en una plantilla Premier

Para seleccionar un Formulario en el menú desplegable, primero debes crear un Formulario en tu pestaña Marketing.

Haz clic en Edit your forms para editar o crear un Formulario:

El enlace Edit your forms en una Sección Opt In Form

Configura la Página de agradecimiento en una plantilla Premier

Configura la acción que se activa después de enviar el Formulario desde la página:

  • Ir a una Página de Destino

  • Ir a una Página de Checkout

  • Descargar un Archivo

  • Ir a una URL (asegúrate de usar la URL completa; por ejemplo, https://kajabi.com/)

Nota: Déjalo en blanco para enviar a tus clientes a la Página de Agradecimiento predeterminada, ubicada en la pestaña Website Design, o a la Página de Agradecimiento configurada en los ajustes de Después del Envío del editor de Formularios. Seleccionar una Página de Agradecimiento en este menú desplegable anula tanto la Página de Agradecimiento predeterminada como la Página de Agradecimiento de Después del Envío.

Personaliza el botón y el texto en una plantilla Premier

Edita el Button Text para cambiar el mensaje del botón que envía el Formulario.

Elige Show Text para agregar contexto o información junto a tu Opt In Form y luego usa el Editor de Texto para ingresar tu mensaje personalizado.

Cambia la apariencia del Formulario en una plantilla Premier

Personaliza la apariencia de tu Opt In Form dentro de la Sección editando:

  • Position

  • Input Label

  • Button Style

  • Button Width

  • Button Color

  • Form Color

Cambia la apariencia de la Sección en una plantilla Premier

Elige una imagen de fondo para la Sección con una superposición o selecciona un color de fondo sólido.

Cambiar el Spacing en la configuración de apariencia de tu Sección crea un efecto de Imagen Hero en la Sección Opt In Form de tu página. Aprende más sobre la Imagen Hero y cómo personalizar la superposición.

¿Ha quedado contestada tu pregunta?