# Páginas del sitio Cualquier sitio web — ya sea de varias páginas o una página de destino — consiste en 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. {% hint style="success" %} En el constructor MaviBot, hay varios tipos de bloques (secciones), cada uno de los cuales se añade al sitio con sus propios ajustes individuales. * [**Bloque cero**](/doc/es/websites/sitios/blocks/zero.md)\ Este es un bloque sin ajustes predefinidos, lo que te permite colocar cualquier contenido y una amplia variedad de elementos del sitio según tu diseño único. A diferencia de otros bloques, los elementos en un Bloque Cero pueden organizarse 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 captación de clientes potenciales, galería y más. * [**Portada**](/doc/es/websites/sitios/blocks/cover.md)\ Un bloque diseñado para añadir una imagen o un video junto con un título.\ Tradicionalmente, el bloque de portada se usa como la **introducción visual** o **tarjeta de presentación** del sitio; normalmente es lo primero que ven los visitantes cuando llegan a tu sitio web. * [**Título y texto**](/doc/es/websites/sitios/blocks/other.md#title-and-text-section)\ Un bloque de texto que incluye un título y texto principal. Este bloque se usa comúnmente para presentar información clave, descripciones o explicaciones en tu sitio. * [**Menú**](/doc/es/websites/sitios/blocks/menu.md)\ Se usa para crear un encabezado o pie de página con botones de navegación (también puede configurarse como un menú flotante). * [**Reserva en línea**](/doc/es/booking/settings.md)\ Te permite añadir un formulario de reserva en línea para clientes (conectado a sucursales preconfiguradas) con integración automática en CRM. * [**Cronología**](/doc/es/websites/sitios/blocks/other.md#stages-section)\ Un bloque para diseñar una estructura única del sitio con una secuencia cronológica de eventos. * [**Acordeón**](/doc/es/websites/sitios/blocks/accordion.md)\ Se usa para mostrar información en un formato de preguntas y respuestas plegable o de contenido expandible. * [**HTML**](/doc/es/websites/sitios/blocks/other.md#html-section)\ Este bloque te permite insertar código HTML y CSS personalizado directamente en la página. * [**Formulario**](/doc/es/websites/sitios/blocks/forms.md)\ Un bloque para añadir botones de mensajería, preguntas, acuerdos de política de privacidad y más. * [**Formularios de cuestionario**](/doc/es/websites/sitios/blocks/seccion-de-formulario-de-quiz.md)\ Un bloque para crear cuestionarios o encuestas de varios pasos en el sitio web. * [**Multimedia**](/doc/es/websites/sitios/blocks/other.md#media-section)\ Se usa para insertar imágenes o contenido de video en tu sitio web. * [**Botones**](/doc/es/websites/sitios/blocks/buttons.md)\ Un bloque para añadir botones que enlazan a URL, números de teléfono, correos electrónicos o páginas de pago. * [**Cita**](/doc/es/websites/sitios/blocks/other.md#quote-section)\ Un bloque para destacar una cita o testimonio. * [**Lista**](/doc/es/websites/sitios/blocks/other.md#list-section)\ Te permite crear listas ordenadas (numeradas) y no ordenadas (con viñetas). * [**Texto desplegable**](/doc/es/websites/sitios/blocks/other.md#drop-down-text-section)\ Un bloque para añadir texto que se expande o se contrae al hacer clic. * [**Galería**](/doc/es/websites/sitios/blocks/other.md#gallery-section)\ Se usa para mostrar una colección de imágenes en formato de galería. * [**Ventana emergente**](/doc/es/websites/sitios/blocks/popup.md)\ Permite crear ventanas modales emergentes en el sitio web. * [**Tarjetas personalizadas**](/doc/es/websites/sitios/blocks/cards.md)\ Ideal para mostrar testimonios de clientes o información de productos en formato de tarjeta. * [**Tarjetas de curso**](/doc/es/websites/sitios/blocks/course.md#how-to-add-the-course-cards-section)\ Se usa para vender cursos en línea 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 en línea”. * [**Lista de lecciones**](/doc/es/websites/sitios/blocks/course.md#how-to-add-the-lesson-lists-block)\ Selecciona un curso en los ajustes del bloque y todas las lecciones de ese curso se mostrarán automáticamente. * [**Temporizador de cuenta atrás**](/doc/es/websites/sitios/blocks/other.md#timer-section)\ Un bloque para añadir un temporizador de cuenta atrás, útil para ofertas por tiempo limitado o lanzamientos. * [**Tablas**](/doc/es/websites/sitios/blocks/sheets.md)\ Te permite organizar y mostrar datos estructurados en formato de tabla. * [**Consentimiento de cookies**](/doc/es/websites/sitios/blocks/cookies.md)\ 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 mejora su experiencia. {% endhint %} Para entrar en el modo de edición de una página web, haz clic en la miniatura del sitio web deseado para abrir sus ajustes.
{% hint style="info" %} Si acabas de crear un nuevo sitio web de varias páginas, no necesitas navegar a ningún lado: ya estarás en la pestaña con los ajustes y páginas del sitio web. {% endhint %} Luego haz clic en la página específica del sitio web que quieres editar.
Después se abrirá el formulario de edición de la página, donde podrás añadir o eliminar bloques (secciones) del sitio, cambiar las fuentes, el fondo de la página y más.
{% hint style="success" %} Aquí tienes los atajos de teclado para entrar en el modo de edición a pantalla completa: `Ctrl+shift+X` o `Cmd+shit+X` {% endhint %} ## Cómo añadir un nuevo bloque Para añadir un nuevo bloque, pasa el cursor sobre cualquier espacio vacío en el área de trabajo. Haz clic en el **"+"** botón que aparece. Entonces se abrirá un menú en el lado derecho de la pantalla donde podrás seleccionar el tipo de bloque deseado.
{% hint style="info" %} Los ajustes detallados de cada bloque se explican en el ["Bloques del sitio"](/doc/es/websites/sitios/blocks.md) sección. {% endhint %} ## Cómo eliminar un bloque Para eliminar un bloque innecesario, pasa el cursor sobre él y localiza el correspondiente **“Eliminar”** botón.
Haz clic en **“Eliminar”** para quitar la sección de forma permanente. {% hint style="danger" %} #### **¡Ten en cuenta!** Esta acción no se puede deshacer. {% endhint %} ## Cómo ocultar un bloque Si no quieres eliminar un bloque o necesitas ocultarlo temporalmente, pasa el cursor sobre el bloque y haz clic en el **“Desactivado”** botón.
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, pasa el cursor sobre ella y haz clic en el **"Copiar"** botón. La copia se añadirá automáticamente a la misma página. Esto es útil para crear variaciones con diferentes ajustes (por ejemplo, para dispositivos distintos).
Haz clic en el **"Copiar"** botón para duplicar la sección. La copia aparecerá directamente debajo del original. ## Cómo editar el contenido de un bloque Para editar una sección, pasa el cursor sobre ella y haz clic en el **"Contenido"** botón.
Se abrirá un menú de edición de contenido a la derecha para todos los tipos de bloques excepto el Bloque cero.
Sin embargo, el Bloque cero se edita en una ventana dedicada.
{% hint style="success" %} Para aprender a editar cualquier bloque y entender el propósito de las distintas funciones y ajustes, consulta el **“**[**Bloques del sitio**](/doc/es/websites/sitios/blocks.md)**”** sección. {% endhint %} ## Ajustes del bloque
Usa la **"Editar"** botón de contenido. Para todos los demás ajustes de estilo y visibilidad, haz clic en el **"Configuración"** botón (se aplica a todos los bloques excepto al Bloque cero).
Los ajustes de fuente, fondo y visualización son universales y funcionan de manera similar en todos los bloques. {% hint style="success" %} Obtén más información sobre estos ajustes universales en el **"Bloques del sitio"** artículo, en la sección correspondiente. {% endhint %} ### Ajustes 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.
{% hint style="warning" %} El bloque de suscripción de Facebook tiene dimensiones fijas. Por lo tanto, los **ancho de la sección** y **ancho del contenido** parámetros no están disponibles y cualquier valor establecido no se aplicará. {% endhint %} ### Rango de visibilidad Puedes configurar el bloque para que sea visible solo dentro de un rango específico de tamaño de pantalla mediante los ajustes de visualización.
Úsalo para crear una versión del contenido optimizada para móviles, diseñada para smartphones y otros dispositivos de mano.
Puedes crear una sección, duplicarla y adaptar cada copia para un tamaño de pantalla diferente.
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/es/websites/sitios/pages.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.