Cualquier sitio web — ya sea multipágina o una landing page — consta de una o más páginas, cada una con contenido específico.

Como ya hemos comentado, el contenido de la página se divide en bloques (secciones), que definen la estructura y el tipo de contenido del sitio.

En el constructor de MaviBot, existen varios tipos de bloques (secciones), cada uno de los cuales se añade al sitio con su propia configuración individual.

  • Bloque cero
    Es un bloque sin ninguna configuración predefinida, que permite colocar cualquier contenido y una gran variedad de elementos del sitio según tu diseño único. A diferencia de otros bloques, los elementos de un Bloque Cero se pueden organizar en cualquier cantidad y en cualquier orden. El Bloque Cero puede servir como cualquier sección del sitio web, como un menú, pie de página, formulario de captura de clientes potenciales, galería y más.
  • Portada
    Un bloque diseñado para añadir una imagen o video junto con un titular.
    Tradicionalmente, el bloque de portada se utiliza como la introducción visual o tarjeta de presentación del sitio; suele ser lo primero que ven los visitantes al llegar a tu sitio web.
  • Título y texto
    Un bloque de texto que incluye un titular y un cuerpo de texto. Este bloque se usa comúnmente para presentar información clave, descripciones o explicaciones en tu sitio.
  • Menú
    Se utiliza para crear un encabezado o pie de página con botones de navegación (también se puede configurar como un menú flotante).
  • Reserva online
    Permite añadir un formulario de reserva online para clientes (conectado a sucursales preconfiguradas) con integración automática en el CRM.
  • Cronología
    Un bloque para diseñar un diseño de sitio único con una secuencia cronológica de eventos.
  • Acordeón
    Se utiliza para mostrar información en un formato de preguntas y respuestas plegable o contenido expandible.
  • HTML
    Este bloque permite insertar código HTML y CSS personalizado directamente en la página.
  • Formulario
    Un bloque para añadir botones de mensajería, preguntas, acuerdos de política de privacidad y más.
  • Formularios de cuestionario
    Un bloque para crear cuestionarios o encuestas de varios pasos en el sitio web.
  • Multimedia
    Se utiliza para insertar contenido de imágenes o videos en tu sitio web.
  • Botones
    Un bloque para añadir botones que enlacen a URL, números de teléfono, correos electrónicos o páginas de pago.
  • Cita
    Un bloque para resaltar una cita o testimonio.
  • Lista
    Permite crear listas ordenadas (numeradas) y desordenadas (con viñetas).
  • Texto desplegable
    Un bloque para añadir texto que se expande/colapsa al hacer clic.
  • Galería
    Se utiliza para mostrar una colección de imágenes en formato de galería.
  • Ventana emergente
    Permite la creación de ventanas modales emergentes en el sitio web.
  • Tarjetas personalizadas
    Ideal para mostrar testimonios de clientes o información de productos en formato de tarjeta.
  • Tarjetas de curso
    Se utiliza para vender cursos online directamente en tu sitio, sin necesidad de configuración manual, ya que los datos del curso se obtienen automáticamente de la sección "Cursos online".
  • Lista de lecciones
    Selecciona un curso en la configuración del bloque y todas las lecciones de ese curso se mostrarán automáticamente.
  • Temporizador de cuenta regresiva
    Un bloque para añadir un temporizador de cuenta regresiva, útil para ofertas por tiempo limitado o lanzamientos.
  • Tablas
    Permite organizar y mostrar datos estructurados en formato de tabla.
  • Consentimiento de cookies
    Un bloque de cumplimiento que muestra información sobre la política de cookies, informando a los usuarios qué datos se almacenan y cómo mejoran su experiencia.

Para entrar al modo de edición de una página del sitio web, haz clic en el mosaico del sitio web deseado para abrir su configuración.

Si acabas de crear un nuevo sitio web multipágina, no es necesario navegar a ningún lado; ya estarás en la pestaña con la configuración y las páginas del sitio web.

Luego, haz clic en la página específica del sitio web que deseas editar.

Entonces se abrirá el formulario de edición de la página, donde podrás añadir o eliminar bloques (secciones) del sitio, cambiar fuentes, fondo de página y más.

Aquí tienes los atajos de teclado para entrar al modo de edición a pantalla completa:

Ctrl+shift+X o Cmd+shit+X

Cómo añadir un nuevo bloque

Para añadir un nuevo bloque, coloca el cursor sobre cualquier espacio vacío en el área de trabajo. Haz clic en el botón "+" que aparece. Se abrirá un menú en el lado derecho de la pantalla donde podrás seleccionar el tipo de bloque deseado.

La configuración detallada de cada bloque se cubre en la sección "Bloques del sitio".

Cómo eliminar un bloque

Para eliminar un bloque innecesario, coloca el cursor sobre él y localiza el botón "Eliminar" correspondiente.

Haz clic en "Eliminar" para eliminar la sección de forma permanente.

¡Por favor, ten en cuenta!

Esta acción no se puede deshacer.

Cómo ocultar un bloque

Si no deseas eliminar un bloque o necesitas ocultarlo temporalmente, coloca el cursor sobre el bloque y haz clic en el botón "Desactivado".

Haz clic en el botón para ocultar la sección. Vuelve a hacer clic para mostrarla.

Cómo copiar un bloque

Para duplicar una sección, coloca el cursor sobre ella y haz clic en el botón "Copiar". La copia se añadirá a la misma página automáticamente. Esto es útil para crear variaciones con diferentes configuraciones (por ejemplo, para dispositivos separados).

Haz clic en el botón "Copiar" para duplicar la sección. La copia aparecerá justo debajo del original.

Cómo editar el contenido de un bloque

Para editar una sección, coloca el cursor sobre ella y haz clic en el botón "Contenido".

Se abrirá un menú de edición de contenido a la derecha para todos los tipos de bloque excepto el Bloque Cero.

El Bloque Cero, sin embargo, se edita en una ventana dedicada.

Para aprender a editar cualquier bloque y comprender el propósito de las diferentes funciones y configuraciones, consulta la sección "Bloques del sitio".

Configuración del bloque

Usa el botón "Editar" para el contenido. Para todos los demás ajustes de estilo y visibilidad, haz clic en el botón "Configuración" (aplica a todos los bloques excepto el Bloque Cero).

La configuración de fuente, fondo y visualización es universal y funciona de manera similar en todos los bloques.

Obtén más información sobre esta configuración universal en el artículo "Bloques del sitio", en la sección correspondiente.

Configuración de visualización

Este menú te permite configurar la visualización del bloque para la página actual y el widget de suscripción de Facebook. También puedes optimizar su apariencia para diferentes dispositivos controlando la visibilidad según el tamaño de la pantalla.

El bloque de suscripción de Facebook tiene dimensiones fijas. Por lo tanto, los parámetros Ancho de sección y Ancho de contenido no están disponibles y cualquier valor establecido no se aplicará.

Rango de visibilidad

Puedes configurar el bloque para que sea visible solo dentro de un rango específico de tamaño de pantalla usando la configuración de visualización.

Utiliza esto para crear una versión del contenido optimizada para móviles, diseñada para teléfonos inteligentes y otros dispositivos de mano.

Puedes crear una sección, duplicarla y adaptar cada copia para un tamaño de pantalla diferente.