# Sección emergente

Un popup es una ventana que aparece sobre una página web, normalmente desencadenada por la acción de un usuario en una landing page. Puede contener un formulario de recopilación de datos, un bloque de texto, una galería o cualquier otro tipo de sección disponible en el constructor de MaviBot.

<figure><img src="/files/ff462e63cf5ff55970ad9ef5fb8cb47149f9aef5" alt="" width="563"><figcaption></figcaption></figure>

La acción objetivo para un popup en el constructor de MaviBot es hacer clic en el botón que contiene el valor de la sección.

Sigue leyendo para saber cómo configurar la sección y abrir la ventana usando el botón.

## Configuración del popup

Para crear una sección popup, haz clic en el "+" para abrir el menú con secciones. Luego busca la sección Pop-up en el menú que se abre. Y haz clic en el popup para añadir la sección a tu sitio:

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

Puedes añadir cualquier cantidad de secciones al pop-up, creando por ejemplo una ventana informativa en la landing page.

Para añadir una sección pop-up, haz clic en el **"Rellenar popup"** botón. Se abrirá una ventana modal con secciones que se pueden incrustar dentro del popup:

<figure><img src="/files/639fd3aec2242808508aa932da832e9586f18935" alt=""><figcaption></figcaption></figure>

Puedes añadir varias secciones del sitio dentro de un popup, creando efectivamente una segunda mini landing page. La ventana admite un número ilimitado de secciones, lo que permite diseños flexibles y completos.

Las secciones dentro del popup se configuran de la misma manera que las que usas para diseñar tu sitio principal.

## Configuración del botón

El popup se abrirá en tu sitio web cuando se haga clic en un botón. Puedes usar la **"Menú"** sección o la **"Botones"** sección para crear este botón desencadenante.

<figure><img src="/files/9d04b51fd1cde876be5241d59ed75a64f604d566" alt=""><figcaption></figcaption></figure>

### Cómo añadir un popup a la sección "Menú"

Para añadir un pop-up al bloque Menú, copia el valor de la sección de la ventana popup:

<figure><img src="/files/1388b776d929fb1891725d35bd78c6fe498a109d" alt=""><figcaption></figcaption></figure>

Luego ve a la configuración de la sección "Menú":

Paso 1. Añade la sección de menú y agrega el botón en la configuración de contenido de la sección Menú:

<figure><img src="/files/0284dce7e676da4f158d6d7ebc6e073d20333316" alt=""><figcaption></figcaption></figure>

Paso 2. Selecciona la acción para el botón "En la ventana actual":

<figure><img src="/files/7402aedd3605670f56c70cc58f0e47ca2581dc12" alt=""><figcaption></figcaption></figure>

Paso 3. Añade el valor del ID del popup al campo del enlace:

<figure><img src="/files/331728bc6780947681256dc623f0878622f7d67d" alt=""><figcaption></figcaption></figure>

Paso 4. Guarda la configuración del sitio.

Paso 5. Prueba

Para ver cómo se abre el popup en el menú del sitio web, ve a la página del sitio y haz clic en el botón que has creado en el menú.

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

Como puedes ver, el popup se abre solo cuando haces clic en el botón, y puedes especificar la acción objetivo para el cliente: por ejemplo, concertar una cita, leer más, etc.

### Cómo añadir un popup a la sección "Botones"

Para añadir un pop-up al bloque Menú, copia el valor de la sección de la ventana popup:

<figure><img src="/files/1388b776d929fb1891725d35bd78c6fe498a109d" alt=""><figcaption></figcaption></figure>

Luego ve a la configuración de la sección "Botones":

Paso 1. Añade el bloque "Botones" al sitio:

<figure><img src="/files/70a5e207fbfdbf3b4aee65326f00c24e6aaa5d88" alt=""><figcaption></figcaption></figure>

Paso 2. Añade el botón en la configuración de contenido del bloque:

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

Paso 3. Instala la función del botón de enlace:

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

Paso 4. Introduce el valor de la sección popup en el enlace del botón:

<figure><img src="/files/275f22cecefb4527c9cccc5576f2cfe4dc80f030" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/1388b776d929fb1891725d35bd78c6fe498a109d" alt=""><figcaption></figcaption></figure>

Paso 5. Haz clic en el botón de guardar para añadir el botón con enlace al popup

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

Paso 6. Prueba

Guarda la configuración del sitio. Para ver cómo se abre el popup en el menú del sitio web, ve a la página del sitio web:

<figure><img src="/files/679535cbdaf99178106a39b167af9bef6c020c18" alt=""><figcaption></figcaption></figure>

A continuación, haz clic en el botón que has creado con la función de apertura del popup:

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

Una ventana popup ayudará a aligerar tu sitio, hacerlo más móvil y flexible, así como añadir información adicional sin нарушir la lógica básica y el diseño del sitio.


---

# 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/popup.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.