# Otras secciones del sitio

## Sección de título y texto

Este bloque se utiliza para añadir texto a tu sitio web.

Puedes usar una plantilla existente o crear la tuya propia (una vacía) y luego personalizarla según tus preferencias.

<figure><img src="/files/5381f12e6b5393fa2be44e84c5cb95af0feb4645" alt=""><figcaption></figcaption></figure>

Puedes completar el campo Título o dejarlo vacío.

<figure><img src="/files/263cdfa07f6734533de7004e90042345414ae5e9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Los campos principales para dar formato al texto del Título y al texto principal son los mismos que en la [sección de portada.](/doc/es/websites/sitios/blocks/cover.md)
{% endhint %}

Puedes dar formato al texto aplicando estilos (**Negrita**, *Cursiva*, \~\~Tachado\~\~, \<u>Subrayado\</u>), cambiando el color del texto seleccionado y ajustando la alineación (izquierda, centro, derecha o justificada).

También puedes añadir listas (numeradas o con viñetas) o insertar hipervínculos en el texto.

Además, se pueden insertar variables en ambos campos de **Encabezado** y **Texto** .

<figure><img src="/files/6c3a5b606ecf5bb535380b9232d1a89a5aab6623" alt=""><figcaption></figcaption></figure>

Al hacer clic en el botón, se abre un menú que muestra las variables estándar y del proyecto disponibles. Puedes copiar y pegar cualquier variable en el campo seleccionado.

<figure><img src="/files/ec33cf66e79106ea30a4853d9cfe0ff5f662f69f" alt=""><figcaption></figcaption></figure>

## Sección HTML

La sección se puede utilizar para añadir elementos a un sitio web creado mediante códigos HTML y CSS.

<figure><img src="/files/5f7df44bf13868beaf68168001108bc68425ccb7" alt=""><figcaption></figcaption></figure>

¡El código CSS funciona para todo el sitio, no solo para la sección actual!

No se recomienda insertar códigos HTML con etiquetas \<script> en el bloque.

Este código HTML se ejecuta inmediatamente, aquí en la vista previa.

Para añadir un \<script>, usa la sección CSS y JS en la configuración del sitio.

<figure><img src="/files/4a4f6bb90de1168f6b1bb7246a2b9fead1362e57" alt=""><figcaption></figcaption></figure>

## Sección de galería

La sección Galería te permite mejorar significativamente el atractivo y la informatividad de tu sitio web al añadir imágenes que muestren visualmente tus productos o servicios a los clientes. Esto ayuda a crear contenido más atractivo y convincente, lo que puede aumentar la confianza de los usuarios y, en última instancia, incrementar la tasa de conversión de tu sitio.

Normalmente, la sección Galería muestra una colección de imágenes en formato de presentación o carrusel. Estas pueden incluir varios tipos de recursos visuales como fotografías, capturas de pantalla, gráficos y más.

<figure><img src="/files/a88390800d6068719772df1fdee01c46a22c1fde" alt=""><figcaption></figcaption></figure>

**Cómo añadir imágenes a la sección Galería**

Ve a la pestaña **Contenido** menú y sube allí tus imágenes.

<figure><img src="/files/b2f2daee8021d586e68dfc93507c6ca3903e22f6" alt=""><figcaption></figcaption></figure>

Puedes subir hasta 20 imágenes con un tamaño total que no supere los 10 MB.

Una vez seleccionada una imagen, puedes personalizar el texto que aparece al pasar el cursor sobre ella.

<figure><img src="/files/e6b2c1028370577f2db5d1718450a5d7372f570c" alt=""><figcaption></figcaption></figure>

Para seleccionar el estilo de la galería, ve a configuración:

<figure><img src="/files/3cbbfee5ef9f4a38dc3d9cb71d2b8106cfd574f3" alt=""><figcaption></figcaption></figure>

De forma predeterminada, la galería tiene una vista de "Franjas". Sin embargo, puedes cambiarla al estilo de "Baldosas", "Polígonos (ancho completo)" o "Baldosas (ancho completo)".

<figure><img src="/files/0b4cbdb75e1c509258a4a50eb29ab72d80714d0e" alt=""><figcaption></figcaption></figure>

## Sección de medios

Esta sección te permite añadir cualquier archivo multimedia (imagen o vídeo) a tu sitio web por separado del bloque universal. Puedes usar una plantilla prediseñada o crear una propia, vacía, y luego personalizarla según lo necesites.

<figure><img src="/files/fb446477e7bc62486d2e75625bb791e45e2ed99c" alt=""><figcaption></figcaption></figure>

La principal diferencia entre este bloque y la galería es que la imagen/vídeo añadido al bloque permanece estático (es decir, no se desplaza como en la galería):

<figure><img src="/files/0610dd986851357c526eca383abd32c868f8f18a" alt=""><figcaption></figcaption></figure>

### Cómo subir un archivo adjunto

Después de hacer clic en el botón "Añadir bloque", se abre una ventana adicional con los parámetros del archivo multimedia seleccionado. En esta ventana, puedes configurar los ajustes de visualización del archivo en el sitio web.

<figure><img src="/files/e559338dee0ce56b8d3b7c69aa1d8a39c8946fc1" alt=""><figcaption></figcaption></figure>

Puedes añadir archivos de vídeo de cualquier tipo proporcionando un enlace a ellos. También puedes descargar imágenes desde tu ordenador o introducir un enlace en el campo URL.

<figure><img src="/files/ee6c6448fe686ec36d31e371119d0420078f90be" alt=""><figcaption></figcaption></figure>

Puedes añadir un enlace a la imagen que permitirá al usuario seguirlo al hacer clic en la imagen. Puedes añadir variables y ajustar el ancho y el alto del archivo.

<figure><img src="/files/7113a4830a138ad25abdf685aebbdcfb109b3ad0" alt=""><figcaption></figcaption></figure>

Después de haber seleccionado el archivo multimedia, puedes mostrar el texto y el título en el bloque:

<figure><img src="/files/6c27c9a3735fedb1fb7b542da1e0336653d0398a" alt=""><figcaption></figcaption></figure>

Puedes dar formato al texto usando herramientas estándar del editor como en otros bloques. Puedes aplicar **negrita**, *cursiva*, \<u>subrayado\</u>, cambiar el tamaño de la fuente, el color y más.

## Sección de cita

Este tipo de bloque es necesario si quieres destacar una cita por separado en el sitio. Puedes usar una plantilla prediseñada o crear la tuya propia y luego personalizarla según lo necesites.

<figure><img src="/files/7dee66e9b3b8ffb2aee80c219584b35053578a6e" alt=""><figcaption></figcaption></figure>

Tipo #1

<figure><img src="/files/eeb3d021c4d9f317cf7ed577a0f0b62ccb00ba44" alt=""><figcaption></figcaption></figure>

Tipo #2

<figure><img src="/files/a0654fffbf269d6e87f47efd6596110af2720701" alt=""><figcaption></figcaption></figure>

Este bloque es bastante fácil de configurar y contiene un campo de texto para una cita:

<figure><img src="/files/12ecb8a160d34c0abf56b29651f07eaf104dbe04" alt=""><figcaption></figcaption></figure>

El campo de texto incluye todas las funciones estándar de formato: cambio de mayúsculas y minúsculas, *cursiva*, **negrita**, \<u>subrayado\</u>, y más. También puedes personalizar el color del texto y el resaltado.

En la **Configuración del contenido**, puedes elegir un estilo de visualización de la cita, seleccionar una fuente diferente para el bloque, ajustar el fondo y modificar su apariencia.

<figure><img src="/files/dc52f13ec9784136b751b6ecae452a0aebd72e87" alt=""><figcaption></figcaption></figure>

## Sección de temporizador

El bloque de temporizador es la solución más interesante para tu sitio web desde y hasta la fecha requerida en modo animación:

<figure><img src="/files/aebeb07a77bed532a19579adcca88e41c9c112f7" alt=""><figcaption></figcaption></figure>

Hay dos tipos de temporizador en el bloque:

* Tiempo real

<figure><img src="/files/8dc6e00b7a7f15d9c44c83367b3b821e2ef0b825" alt=""><figcaption></figcaption></figure>

Como su nombre indica, un temporizador del tipo "real" comienza la cuenta regresiva hasta una fecha y hora determinadas de un evento concreto.

Por ejemplo, hoy es 22/12/2025 (martes) y el evento es una conferencia el 30 de diciembre a las 15:00.

Establecemos la fecha en el calendario: 30 de abril y en el campo de hora: 15:00.

<figure><img src="/files/d3252b45255f214237b11bff54be43c9be1273bc" alt=""><figcaption></figcaption></figure>

De esta manera, el temporizador comenzará a contar el tiempo restante antes del evento:

<figure><img src="/files/e6a63e53039c6c2f85100305cb424f3f4901c248" alt=""><figcaption></figcaption></figure>

* Cíclico

Un temporizador con tipo cíclico no calcula automáticamente el tiempo: por lo tanto, tú mismo estableces los días y horas en los campos disponibles y el temporizador comienza a la cuenta regresiva:

<figure><img src="/files/1a687ebb2161a6c3b4bc4a2bb2b68ea8265a3140" alt=""><figcaption></figcaption></figure>

Por ejemplo, el descuento de tu suscripción es válido durante una semana: puedes establecer en el temporizador la fecha de finalización de la promoción dentro de 7 días. El sistema contará automáticamente el tiempo hasta esa fecha, comenzando desde el momento de la configuración.

Además, en este tipo de temporizador, es posible reiniciarlo después de que haya transcurrido el tiempo:

<figure><img src="/files/d50f005d7cf39de067a88ad4d1e7da14b3f0ea06" alt=""><figcaption></figcaption></figure>

La diferencia entre los temporizadores de tipo "real" y "cíclico" es que en el primer caso el tiempo se cuenta hasta una fecha y hora determinadas (hasta el 30/04/2025 15:00), y en el segundo, según los valores de tiempo establecidos (caduca después de 7 días).

Además, puedes seleccionar la configuración de color para los números y el fondo del temporizador. Para ello, ve a la configuración:

<figure><img src="/files/51885837f764719221249350d8a8962daf36749a" alt=""><figcaption></figcaption></figure>

Aquí puedes ajustar la visualización de los milisegundos, ajustar el color de los números, del texto y del fondo del temporizador.

<figure><img src="/files/9495034c31381fd4241360bc3e705d44d9143d51" alt=""><figcaption></figcaption></figure>

## Sección de lista

Este bloque te ayudará a mostrar la información necesaria en forma de lista numerada u otra lista.

Para ello, haz clic en "Añadir elemento de lista" en la configuración del bloque:

<figure><img src="/files/cfe91b01011d89c6dec3599da1c739e5bbc22968" alt=""><figcaption></figcaption></figure>

Aquí puedes añadir cualquier número de líneas a la lista, y también puedes añadir una variable en lugar de texto haciendo clic en los corchetes curvos de la izquierda:

<figure><img src="/files/5565218188465b8f5ea67a443d2e7a47f225c9d5" alt=""><figcaption></figcaption></figure>

El estilo del texto y de la lista puede cambiarse en la configuración:

<figure><img src="/files/500dd4b58d35859c8312870b9f59d7a1dcac6ee5" alt=""><figcaption></figcaption></figure>

El estilo de la lista puede seleccionarse entre los sugeridos: "Sin estilo", "Punto", "Círculo", "Cuadrado", "Lista numerada".

<figure><img src="/files/6fb5fa0b19de675486a780de4ed4d9ef5f223c1b" alt=""><figcaption></figcaption></figure>

Puedes cambiar el estilo del texto en la configuración de fuente:

<figure><img src="/files/b882da80ba317d1240a80a2c2b9128cd40746f66" alt=""><figcaption></figcaption></figure>

## Sección de texto desplegable

El bloque de texto desplegable ahorrará espacio en el sitio y, si tu cliente quiere leer información más detallada, podrá expandirlo y revisarlo:

<figure><img src="/files/2edc2d3e96a642a6411809cecf812b6c9005df3d" alt=""><figcaption></figcaption></figure>

Puedes especificar un título y pistas, y el texto completo solo se abrirá después de hacer clic en el botón:

<figure><img src="/files/690139af1d0e83671786e610864ab549dd680897" alt=""><figcaption></figcaption></figure>

En el constructor hay campos para el título, el texto, la pista y el texto completo, donde para cada campo puedes proporcionar un contorno de fuente, color y otros ajustes similares a un editor de texto:

<figure><img src="/files/737916a33dd25e766ade9215ac2260ef9c84ea6d" alt=""><figcaption></figcaption></figure>

Después, debes elegir una animación para el texto: instantánea o suave. Para ello, ve a la configuración:

<figure><img src="/files/f40823a86be8ca0728ef1c9fb9c119affc19af30" alt=""><figcaption></figcaption></figure>

Después de eso, puedes ajustar el estilo de la fuente en la configuración tipográfica.

<figure><img src="/files/d62179d6b58a562259cdacd9c4d5ad6a47c1cb1f" alt=""><figcaption></figcaption></figure>

## Sección de línea de tiempo

Esta sección te permite mostrar claramente pasos secuenciales en tu sitio, ya sea para un curso en línea o para cualquier otro proceso.

<figure><img src="/files/1210512ae7d8c4fc3abce27f3a44bd25f9e013bf" alt=""><figcaption></figcaption></figure>

Para añadir un bloque a la página, haz clic en el **"+"** botón. Luego, selecciona **"Línea de tiempo"** de la lista de secciones. Puedes crear un bloque desde cero o usar una plantilla prediseñada.

<figure><img src="/files/1672796aa1d26ecd732bc32abd3a3c3ca451eda1" alt=""><figcaption></figcaption></figure>

Para añadir un punto de etapa en la configuración del bloque, haz clic en el botón con el mismo nombre:

<figure><img src="/files/b3168ef12d72c029c4d9a61120df76128f50fb4c" alt=""><figcaption></figcaption></figure>

Luego, al hacer clic en un punto de etapa, se abrirán campos para introducir el **name**, **title**, y **description** de esa etapa.

<figure><img src="/files/a1c3630506d5275d515984376845bc7e63bc1891" alt=""><figcaption></figcaption></figure>

Aquí puedes aplicar ajustes de formato individuales a cada elemento de texto, igual que en un editor de texto estándar (cursiva, subrayado, color del texto, alineación, etc.).

A continuación, selecciona un estilo (con o sin borde). Para ello, ve a la configuración:

<figure><img src="/files/edc8f9df582192bbb6a21a0d3d8dda14e3b4d71f" alt=""><figcaption></figcaption></figure>

También puedes personalizar el color de cada elemento individual dentro de la sección de línea de tiempo.

<figure><img src="/files/84873d1d78c336ab486c932cc7616c78ef8e0a05" alt=""><figcaption></figcaption></figure>

## Sección de archivos

Necesitarás este bloque para compartir datos relevantes con los usuarios.

<figure><img src="/files/be165e0d7ba23fef14d5ccceab55d597805e11d0" alt=""><figcaption></figcaption></figure>

Puedes permitir que los usuarios descarguen archivos, con las siguientes limitaciones: no más de 5 archivos en total, con un tamaño combinado que no supere los 20 megabytes.

Ve a la configuración y selecciona los archivos que deseas poner a disposición para su descarga.

<figure><img src="/files/100ddbd8797a79708cecb1ee9bd49cb763a27cfe" alt=""><figcaption></figcaption></figure>

Una vez cargado el archivo de audio, puedes activar la **"Reproducir audio"** función si lo deseas. Esto hará que el audio se reproduzca automáticamente cuando un usuario visite la página. También puedes activar la **"Desactivar descarga de audio"** y **"Mostrar vista previa"** opciones.

<figure><img src="/files/5375878657bc0ca76d5a95d6504989325de40eaa" alt=""><figcaption></figcaption></figure>


---

# 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/blocks/other.md?ask=<question>
```

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.