Un bloque es el contenido que agregas a una página: texto, una imagen, un formulario, un video y más. Cada bloque está dentro de una sección, que agrupa bloques relacionados y controla cómo se organizan.
Las secciones organizan y dividen una página para tus visitantes. Los bloques contienen lo que esos visitantes realmente leen, ven y en lo que hacen clic.
Tipos de bloque
Los bloques disponibles dependen de la plantilla de tu página. La configuración varía según el tipo de bloque.
Bloque | Qué hace |
Acordeón | Muestra contenido en desplegables plegables. Cada uno tiene un encabezado siempre visible y un cuerpo que se expande al hacer clic. Ideal para preguntas frecuentes e instrucciones. |
Evaluación | Muestra una de tus Assessments (una prueba o encuesta) en una sección. Al terminar, se pide a los visitantes que se suscriban con su nombre y correo electrónico. |
Audio | Reproduce un archivo de audio. Puedes ofrecer una descarga y configurar el título, el subtítulo y el color de acento del reproductor. |
Publicación de blog | Muestra tus publicaciones de blog más recientes y lleva a los visitantes a tu Blog. |
Llamado a la acción | Un botón que invita a una respuesta inmediata, como suscribirse o comprar una Offer. |
Tarjeta | Muestra una imagen con una acción al hacer clic y mensajes (descripción, botón y texto de pie). |
Widget de agenda de coaching | Permite a los clientes reservar una sesión contigo desde tu sitio, tus landing pages y tus páginas de producto. |
Cuenta regresiva | Un temporizador que cuenta hacia atrás hasta un Event existente para crear urgencia. Puede activar una acción al terminar u ocultar su sección. |
Esquema del curso | No está documentado como bloque de página. La única coincidencia es un artículo de administración de cursos, por lo que no lo he asignado. |
Código personalizado | Inserta tu propio código en un bloque de una página, como un widget de calendario. El mismo artículo también explica el código a nivel de página y de todo el sitio. |
Widget personalizado | Agrega funcionalidades de terceros sin código, mediante una integración con Common Ninja. |
Evento | Muestra un Event seleccionado, con opciones de formato de fecha, año, hora y zona horaria. |
Video de evento | Un video cuya visibilidad depende de la fecha y hora de un Event. Genera cuatro bloques (antes, al inicio, durante y después). Los editores ven los cuatro y los visitantes solo ven el actual. |
Característica | Destaca contenido con una imagen, texto y un botón opcional. |
Formulario | Muestra uno de tus Forms, que puede suscribir, otorgar una Offer, registrar en un Event o segmentar contactos. |
Imagen | Muestra una sola imagen o un grupo de imágenes mediante una Image Gallery Section. |
Lista de enlaces | Un menú de navegación con los enlaces que elijas, en diseño de fila o columna. |
Lanzamiento multivideo | Una imagen interactiva para páginas de video tipo lanzamiento, como adelantos, videos pasados y futuros o miniaturas. Sus estados son Clickable, Active y Locked. |
Oferta | Muestra una Offer, es decir, el precio y la página de pago de un Product. |
Tarjeta de precios | Presenta una Offer con su lista de características y un llamado a la acción. Puedes poner varias en una sección para planes o paquetes. |
Íconos sociales | Enlaza a tus perfiles sociales, como Facebook, Instagram, YouTube y TikTok. |
Compartir en redes sociales | Permite a los visitantes compartir tu página en redes sociales, por correo electrónico o copiando el enlace. |
Texto | Agrega texto con formato, con opción de CTA y configuración de tipografía. |
Video | Pone un video en la página, ya sea subido a Kajabi o insertado desde YouTube, Vimeo o Wistia. |
Video insertado | Inserta un video de un servicio externo pegando su código de inserción en el campo Embed Code. |
Agregar un bloque a una sección
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el título de una página para abrirla en el editor.
En la barra lateral, selecciona la sección que quieres editar o haz clic en Add section para crear una nueva.
Haz clic en Add block al final del editor de la sección.
Busca o selecciona el tipo de bloque que quieres agregar.
Haz clic en Save para guardar tus cambios.
Tu nuevo bloque se crea al final de la sección con un nombre y una configuración predeterminados.
Renombrar, duplicar, ocultar o eliminar un bloque
Las cuatro acciones están en el mismo lugar. En la barra lateral del editor de páginas, busca el bloque que quieres cambiar, haz clic en el ícono more options (...) y elige la acción. Haz clic en Save para guardar tus cambios.
Renombrar un bloque
Los nombres de los bloques solo los ves tú, dentro del editor. Renombrarlos te ayuda a distinguir varios bloques del mismo tipo a medida que una sección crece.
Duplicar un bloque
Duplicar copia el contenido de un bloque y su configuración. Es la forma más rápida de repetir un elemento de diseño o de crear una versión de un bloque para computadora y otra para móvil.
Un duplicado siempre se coloca en la misma página que el original. No puedes duplicar un bloque en otra página.
Nota: Un bloque duplicado se crea al final de su sección, no justo debajo del original. Reordénalo para colocarlo donde quieras.
Ocultar un bloque
Ocultar quita un bloque de la página publicada, pero lo mantiene en la barra lateral, donde puedes seguir editándolo. Úsalo para preparar un bloque antes de un evento, anuncio o lanzamiento y mostrarlo cuando estés listo. Un bloque oculto conserva su contenido y su configuración.
Eliminar un bloque
Eliminar un bloque lo borra junto con todo su contenido. Para eliminar un bloque, en el menú more options (...), haz clic en Delete, o haz clic en Remove block al final de la página block settings.
Nota: Algunos bloques no se pueden eliminar. Un bloque que la sección requiere, o uno que solo puede aparecer una vez en una sección, no tiene la opción de eliminar.
Advertencia: Remove block borra todo el contenido del bloque. Una vez que haces clic en Save, la acción no se puede deshacer. Si eliminas un bloque por error, antes de guardar, vuelve a tu lista de páginas y confirma que quieres salir sin guardar. Ten en cuenta que esto también descarta cualquier otro cambio sin guardar.
Reordenar bloques en una sección
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el título de una página para abrirla en el editor.
En la barra lateral, selecciona la sección que contiene los bloques que quieres reordenar.
Mantén presionado el controlador de arrastre junto a un bloque y arrástralo a la posición que quieras.
Suelta el bloque y luego haz clic en Save para guardar tus cambios.
Alinear bloques en una sección
Alinea los bloques de una fila para que tu sección se vea uniforme en computadora. Usa Equal height blocks para igualar la altura de los bloques, y Vertical alignment o Horizontal alignment para anclar los bloques en distintas direcciones de la fila.
Igualar la altura de los bloques con Equal height blocks
Activa Equal height blocks para que todos los bloques de una fila tengan la misma altura que el bloque más alto de esa fila.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el título de una página para abrirla en el editor.
En la barra lateral, selecciona la sección que quieres editar.
Desplázate hasta Section Settings y luego haz clic en Desktop Layout.
Activa Equal height blocks. Si la sección tiene varias filas, repite el proceso en cada fila que quieras alinear.
Haz clic en Save para guardar tus cambios.
Nota: Equal height blocks no cambia la altura de las imágenes subidas, así que conservan su proporción original. Las imágenes se alinean con la parte superior del bloque más alto de la fila. Para obtener mejores resultados con los bloques de texto, usa la misma cantidad de líneas de texto en cada bloque.
Alinear bloques verticalmente en una fila
Configura Vertical alignment para colocar todos los bloques en la parte superior, inferior o central del bloque más alto de la fila. Vertical alignment no se verá si Equal height blocks está activado.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el título de una página para abrirla en el editor.
En la barra lateral, selecciona la sección que quieres editar.
Desplázate hasta Section Settings y luego haz clic en Desktop Layout.
Abre el menú desplegable Vertical alignment y selecciona Top, Center o Bottom. Si la sección tiene varias filas, repite el proceso en cada fila que quieras alinear.
Haz clic en Save para guardar tus cambios.
Alinear bloques horizontalmente en una fila
Configura Horizontal alignment para colocar los bloques a la izquierda (Left), al centro (Center), a la derecha (Right), con Space Between o con Space Around en la sección. Horizontal alignment no se verá si el ancho de los bloques suma 12 columnas en total, ya que no queda espacio para moverlos dentro de la sección.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el título de una página para abrirla en el editor.
En la barra lateral, selecciona la sección que quieres editar.
Desplázate hasta Section Settings y luego haz clic en Desktop Layout.
Abre el menú desplegable Horizontal alignment y selecciona Left, Center, Right, Space Between, o Space Around.
Haz clic en Save para guardar tus cambios.
