Una sección es un área específica de tu página que contiene bloques usados para organizar y dividir tu contenido. Tu página normalmente contiene varias secciones, que puedes personalizar y previsualizar en el editor de la barra lateral:
Usa las secciones para organizar y presentar tu contenido en una página con un diseño hermoso y fácil de consumir.
Todas las secciones están compuestas por bloques, así que puedes replicar cualquier sección agregándole tipos de bloque. Las secciones preestablecidas con tipos de bloque preestablecidos (como Text in Panel o Hero with Countdown) se ven distintas de las secciones en las que haces clic en Add Content para agregar tipos de bloque tú mismo.
Consejo: Activa las guías en Herramientas de Diseño para ayudarte a distinguir cada elemento de tu página.
Secciones preestablecidas
Kajabi ofrece más de 45 secciones preestablecidas, para que diseñes tu página exactamente como quieras:
Las secciones de Contenido Básico incluyen bloques de Texto preestablecidos, un bloque de Texto con un preestablecido de Llamado a la Acción, o un bloque de Formulario y un bloque de Texto.
Las secciones Hero tienen fondos preestablecidos que pueden incluir una superposición de Cuenta Regresiva, de Formulario, de Imagen o de Video.
Las secciones de Características muestran tu marca, producto o servicio con Tarjetas de Características o Columnas de Características.
Las secciones de Carrusel muestran imágenes, testimonios y videos en un carrusel interactivo.
Las secciones de Marketing y Eventos te ayudan a hacer crecer tu lista y registrar visitantes a un evento con Formularios, bloques de Evento y más.
Las secciones Custom te dan una sección en blanco, o una sección con un bloque Custom Code, para que construyas tu propio diseño. Consulta Secciones personalizadas más abajo.
Consejo: Usa widgets personalizados de sitio web para agregar una gran variedad de funciones a tus páginas y aumentar la interacción, sin necesidad de código. Ten en cuenta que los widgets de sitio web pueden tener un costo adicional fuera de la tarifa de tu plan base de Kajabi.
Agregar una sección
Cada sección que agregas aparece al final de tu página, y después puedes arrastrarla a su lugar.
Desde el Dashboard, abre la pestaña Website .
Selecciona Website Pages o Landing Pages según el tipo de página que quieras editar.
Haz clic en el Title de la página que quieres editar para abrirla.
Haz clic en Add section en la barra lateral.
Haz clic en la sección que quieras para previsualizarla en tu página sin agregarla.
Haz clic en Add para agregar la sección a tu página.
Haz clic en Save para guardar tus cambios.
Nota: Cada página admite hasta 50 secciones. Cuando llegas al límite, el botón Add section se reemplaza por el mensaje This page cannot have more than 50 sections. Para agregar más contenido, combina el contenido relacionado en menos secciones con varios bloques.
Secciones personalizadas
Una sección personalizada es un lienzo en blanco, así que tú eliges los bloques y construyes el diseño. Úsala cuando ninguna sección preestablecida se ajuste a tu diseño, o cuando quieras agregar tu propio código a una página.
También puedes personalizar cualquier sección preestablecida. La diferencia es que una sección personalizada empieza vacía en lugar de con un diseño preestablecido. Elige el tipo que se ajuste a lo que estás construyendo:
Custom section agrega una sección vacía para que la llenes con cualquier tipo de bloque.
Custom code section agrega una sección con un bloque Custom Code, donde escribes tu propio código o insertas código de otra herramienta.
Agregar una sección personalizada
Desde el Dashboard, abre la pestaña Website.
Selecciona Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla.
Haz clic en Add section en la barra lateral.
Selecciona Custom section en la categoría Custom para previsualizarla.
Haz clic en Add para agregar la sección a tu página.
Haz clic en Save para guardar tus cambios.
Agregar bloques a una sección personalizada
Una nueva sección personalizada está vacía hasta que agregas los bloques que quieres mostrar.
En el editor de la barra lateral, abre la sección personalizada que agregaste.
Haz clic en Add Content.
Selecciona un tipo de bloque y luego personalízalo. Aprende sobre los tipos de bloque
Haz clic en Save para guardar tus cambios.
Agregar una sección de código personalizado
Una sección de código personalizado incluye un bloque Custom Code, donde escribes tu propio código o insertas código en tu página. Es útil para:
Agregar código personalizado sin acceso al Code Editor de tu sitio, como un calendario insertado. Aprende a agregar un botón Add to Calendar a una página
Crear espacio en blanco en tu página para diseñar Landing Pages con diseños únicos
Sigue los pasos de Agregar una sección personalizada más arriba y selecciona Custom code section en lugar de Custom section.
En el editor de la barra lateral, haz clic en el bloque Custom Code.
Escribe tu código.
Haz clic en Save para guardar tus cambios.
Advertencia: El código personalizado puede exponer tu sitio a vulnerabilidades y ataques de malware. Analiza cualquier código personalizado que planees usar con una herramienta como VirusTotal o Snyk, y sigue las buenas prácticas para personalizaciones basadas en código para reducir el impacto.
Editar secciones
Desde el editor de la barra lateral, puedes renombrar, duplicar, ocultar, eliminar y reordenar secciones para construir tu página como quieras.
Renombrar, duplicar, ocultar o eliminar una sección
Renombra una sección para mantenerte organizado, sobre todo cuando tu página tiene varias secciones similares. Los nombres que les das a las secciones solo los ves tú en el editor y nunca aparecen en tu página publicada.
Duplica una sección para ahorrar tiempo cuando construyes diseños similares en la misma página, o para crear versiones separadas optimizadas para móvil y escritorio. La copia aparece al final de la página, así que quizás tengas que reubicarla.
Oculta una sección para construir y personalizar contenido con anticipación sin que se publique en tu página. Las secciones ocultas permanecen en el editor de la barra lateral, así que puedes volver a mostrarlas cuando estés listo.
Elimina una sección para quitarla de forma permanente junto con todo su contenido.
Desde el Dashboard, abre la pestaña Website .
Selecciona Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla.
En el editor de la barra lateral, pasa el cursor sobre la sección que quieres editar.
Haz clic en el menú de más opciones (...) y selecciona Rename, Duplicate, Hide o Delete.
Haz clic en Save para aplicar tus cambios.
Cuando renombras una sección, presiona Enter o haz clic en la marca de verificación para confirmar. Presiona Esc o haz clic en la X para cancelar. Una sección oculta muestra Show en lugar de Hide en el menú.
Advertencia: Eliminar una sección y guardar no se puede deshacer. Si eliminas una sección por error, sal de la página antes de guardar y confirma que quieres salir sin guardar. Cualquier otro cambio sin guardar que hayas hecho antes de la eliminación también se pierde.
Reorganizar secciones
Arrastra las secciones en el editor de la barra lateral para cambiar el orden en que aparecen en tu página.
Desde el Dashboard, abre la pestaña Website .
Selecciona Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla.
En el editor de la barra lateral, haz clic y mantén presionado el controlador de arrastre (el ícono de menú) junto a la sección que quieres mover.
Arrastra la sección a su posición y luego suéltala.
Haz clic en Save para aplicar tus cambios.
Crear secciones guardadas
Las secciones guardadas te permiten reutilizar tus secciones favoritas, incluidas las que diseñaste a medida, en otras páginas y correos. Diseña una sección una vez, guárdala en tu biblioteca de secciones guardadas y luego agrégala a otra página o correo para crear rápidamente Landing Pages, Website Pages y campañas de correo coherentes y con tu marca.
En el constructor de páginas, diseña una sección y guárdala en tu biblioteca de secciones guardadas. Cuando diseñes otra página, abre tu biblioteca de secciones guardadas para agregarla:
Guardar una sección desde una página
Desde el Dashboard, abre la pestaña Website .
Selecciona Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla.
Haz clic en Add section en la barra lateral.
Haz clic en la sección que quieras y luego haz clic en Add.
Haz clic en la sección en el editor de la barra lateral para abrir su configuración.
Personaliza la sección.
Haz clic en el botón de marcador Save en la parte superior de la configuración de la sección.
Escribe un nombre para la sección guardada y luego haz clic en Save.
Haz clic en Save para guardar los cambios de tu página.
Guardar una sección desde un correo
Desde el Dashboard, haz clic en Marketing y luego en Email Campaigns.
Haz clic en New Email Campaign para diseñar una campaña de correo, o selecciona una campaña de correo en borrador.
Ve a Email Content.
Pasa el cursor sobre la sección y haz clic en Edit content.
Haz clic en Add section en la barra lateral.
Haz clic en la sección que quieras y luego haz clic en Add.
Haz clic en la sección en el editor de la barra lateral para abrir su configuración.
Personaliza la sección.
Haz clic en el botón de marcador Save en la parte superior de la configuración de la sección. (En el constructor anterior, este botón dice Save section).
Escribe un nombre para la sección guardada y luego haz clic en Save.
Haz clic en Save para guardar los cambios de tu correo.
Agregar una sección guardada a una página o correo
Puedes agregar una sección guardada a cualquier página o correo con el que sea compatible. Consulta Compatibilidad de secciones guardadas más abajo para conocer las reglas.
Desde el Dashboard, abre la página o el correo que quieres editar. Para una página, haz clic en Website y luego en Website Pages o Landing Pages. Para un correo, haz clic en Marketing y luego en Email Campaigns.
Haz clic en el Title de la página, o abre el Email Content de la campaña de correo y haz clic en Edit content.
Haz clic en Add section en la barra lateral.
Haz clic en Saved sections.
Selecciona la sección guardada que quieres previsualizar.
Haz clic en Add to page.
Haz clic en Save para guardar tus cambios.
Administrar secciones guardadas
En la ventana de secciones guardadas, escribe en el cuadro Find para buscar por nombre. Usa Sort By para ordenar tus secciones guardadas por Recently saved, Name o Last used.
En el editor de la página o del correo, haz clic en Add section y luego en Saved sections.
Selecciona la sección guardada que quieres cambiar.
Abre el menú de más opciones (...) junto al nombre de la sección.
Selecciona Rename o Remove section.
Si seleccionas Rename, escribe un nombre y haz clic en Save.
Compatibilidad de secciones guardadas
Una sección guardada solo funciona en páginas y correos compatibles. Es compatible cuando el tipo de página y el tema coinciden, y la versión del tema es la misma o una versión compatible.
Si una sección guardada no es compatible con la página o el correo que estás editando, aparece en el grupo Incompatible sections. Puedes seleccionarla para previsualizarla, pero Add to page está desactivado y la ventana muestra This section is incompatible with this theme.
Combinaciones compatibles e incompatibles
Las secciones guardadas funcionan entre:
Website Pages y otras Website Pages con el mismo tema
Landing Pages y otras Landing Pages con el mismo tema
Correos y otros correos con el mismo tema
Las secciones guardadas no funcionan entre:
Distintos tipos de página, por ejemplo, una Website Page y una Landing Page
Distintos temas, por ejemplo, Encore y Premier
Temas personalizados y código personalizado
Si una sección guardada proviene de un tema personalizado, el tema al que la agregas debe incluir ese tipo de sección.
Si agregas una sección guardada que contiene código personalizado a un tema que no admite su configuración, Kajabi agrega la sección sin la configuración no compatible y muestra Your saved section had settings that are incompatible with this theme and were removed. Es posible que la sección no se vea exactamente como en su tema original.
Agregar una sección a una página Premier
Premier es una plantilla heredada. Si tu página usa una plantilla de Kajabi Pages, sigue los pasos de Agregar una sección más arriba. Las Landing Pages creadas con Premier se pueden personalizar con secciones, así que puedes convertir una plantilla preestablecida en una página con tu marca y tu propio diseño:
Desde el Dashboard, haz clic en Website y luego en Pages.
Selecciona la página que quieres personalizar, o crea una página.
Haz clic en Customize para abrir el editor de plantillas.
Haz clic en Add section en la barra lateral.
Selecciona la sección que quieras y luego haz clic en Add.
Haz clic en Save para guardar tus cambios.
Preguntas frecuentes
¿Puedo duplicar una sección en otra página?
No. Una sección duplicada siempre se agrega al final de la misma página. Para reutilizar una sección en otra página, guárdala como sección guardada y luego agrégala desde tu biblioteca de secciones guardadas.
¿Por qué no puedo eliminar, duplicar u ocultar una sección?
Algunas secciones están protegidas. Pasa el cursor sobre la opción no disponible para ver por qué. This section is required significa que no puedes eliminarla, como la sección Login en una página de Login. This section is unique significa que no puedes duplicarla. This section cannot be hidden significa que no puedes ocultarla.
¿El soporte de Kajabi ayuda con código personalizado?
No. Kajabi no puede garantizar que el código personalizado funcione con tu sitio, así que las personalizaciones basadas en código quedan fuera del alcance del soporte de Kajabi. Prueba tu código antes de publicar la página.