# Sección de formulario de quiz

La sección "Quiz" en el constructor de sitios de MaviBot es una herramienta funcional que te permite crear encuestas y cuestionarios interactivos directamente en tu sitio.

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

Esta herramienta simplifica la recopilación de opiniones y datos de los usuarios, haciendo que las interacciones con los clientes sean más atractivas y útiles. En este artículo, detallaremos cómo configurar la sección "Quiz" para maximizar sus beneficios para tu negocio y mejorar la calidad de los comentarios de la audiencia.

## Cómo crear un formulario de quiz

**Para crear un quiz, sigue estos pasos:**

**a) Crea un nuevo sitio web** – si quieres crear el quiz en un sitio independiente.

**b) Añade la sección "Quiz"** – si quieres integrarlo en un sitio web existente.

Una vez en el editor, localiza el **"Quiz"** botón en el menú.

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

Haz clic en la sección "Quiz" para añadirla a la página de tu sitio.

#### Encuesta página por página

Una encuesta página por página (o quiz) es un formato de cuestionario en el que las preguntas se dividen en varias páginas. Los usuarios responden de forma secuencial, avanzando de una página a la siguiente. Este enfoque hace que la interacción sea más cómoda al presentar las preguntas de forma individual o en pequeños grupos, en lugar de como una sola lista larga.

<figure><img src="/files/bc5c25f9e3a6898faac71933cdae117ca8d331cf" alt="" width="375"><figcaption></figcaption></figure>

**Ventajas de la encuesta página por página**

* **Mejor enfoque:** los usuarios no se sienten abrumados por una larga lista de preguntas y pueden concentrarse en cada una de forma individual.
* **Mayor participación:** el formato paso a paso es más interactivo y ayuda a mantener el interés del usuario.
* **Recopilación precisa de datos:** el flujo estructurado permite formular preguntas más precisas y habilita preguntas adaptativas basadas en respuestas anteriores.

Este tipo de encuestas es ideal para recopilar comentarios, realizar estudios de mercado y generar clientes potenciales.

**Primeros pasos**

Después de crear un sitio o añadir una sección de quiz, verás el menú de configuración de este bloque:

<figure><img src="/files/90cd73fa2c57080bd5b152ea3ae79f30a5cc473f" alt=""><figcaption></figcaption></figure>

A continuación, en el campo "número de páginas", especifica el número requerido de páginas donde estarán ubicadas tus preguntas, sin contar la página de inicio ni la página de resultados:

<figure><img src="/files/924c2803bb54a1d1b8a950ede8d934b8c415ea69" alt=""><figcaption></figcaption></figure>

Primero debes hacer clic en "Crear una pregunta"

<div><figure><img src="/files/f04a51cf20222dc86772378c8e57aa7d946f9613" alt="" width="563"><figcaption><p>Primero es necesario hacer clic en "Crear una pregunta"</p></figcaption></figure> <figure><img src="/files/26e16f50e529ed44a69b4912711788018610e2f0" alt="" width="375"><figcaption><p>La primera pregunta está en la primera página</p></figcaption></figure></div>

La primera pregunta está en la primera página

En el contenido del menú de configuración, después de crear una pregunta, encontrarás la siguiente lista desplegable:

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

Cada página del quiz (encuesta página por página) contiene su propio contenido, que se configura por separado del resto.

Por ejemplo, en la página de inicio puedes colocar imágenes, en las páginas de la encuesta puedes colocar las propias preguntas, así como los formularios de recopilación de datos, y en los resultados, el resultado final de la encuesta.

### Páginas de la encuesta

Después de crear la primera pregunta, ve a completarla:

Paso 1. Escribe la propia pregunta:

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

A continuación, selecciona el tipo de pregunta:

<div><figure><img src="/files/d8af111c54163d5e5e3dd28ec58827970ea1036a" alt=""><figcaption></figcaption></figure> <figure><img src="/files/6ee2849874b1fcdf9ea5d7dadddd5628d2812c22" alt=""><figcaption></figcaption></figure></div>

Por ejemplo, puedes seleccionar el tipo "Campo numérico", entonces tu cliente solo podrá introducir un valor numérico durante la encuesta.

Puedes elegir otros tipos de preguntas, dependiendo de qué resultados necesites obtener y cómo contabilizarlos.

{% hint style="info" %}
Para más información sobre los tipos de campos, consulta el artículo principal "Respuestas del formulario" en la sección "Configuración de contenido: subsección [Crear una pregunta](#creating-a-quiz-form).&#x20;
{% endhint %}

Si eliges tipos de preguntas como "Nombre", "Correo electrónico", "Teléfono", etc., entonces no necesitas introducir el texto de la pregunta ni su respuesta en la configuración de contenido: todo está establecido de antemano por los desarrolladores.:

Paso 2. Añade respuestas si has seleccionado tipos de preguntas en los que el cliente necesita elegir una opción de respuesta:

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

Puedes introducir un enlace a la imagen en el campo URL: entonces la imagen aparecerá en el campo con la pregunta:

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

Para ello, sube la imagen requerida al almacenamiento de archivos:

<figure><img src="/files/9013a62bf29aa2accb6da55edfd09d7459e58885" alt="" width="265"><figcaption></figcaption></figure>

Y después de que la imagen se haya subido, copia el enlace a ella:

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

Pega el enlace en el campo URL, y la imagen aparecerá en la barra de la pregunta correspondiente:

<figure><img src="/files/43bd48293acd0d184f2fb052c243a999a53bd734" alt=""><figcaption></figcaption></figure>

A continuación, si completas el campo "Respuesta libre", tu usuario podrá introducir la respuesta a su pregunta en forma libre:

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

En este campo, introduce un valor de texto, por ejemplo, "Respuesta libre" o "Tu respuesta":

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

Entonces el cliente podrá introducir la respuesta a la pregunta de forma libre:

<figure><img src="/files/372ac1f3be4228232b3ade05dfcbbe5686083445" alt=""><figcaption></figcaption></figure>

Paso 3. La variable

Puedes establecer tu propia variable para recopilar datos en el sistema, o dejar el nombre establecido para la variable:

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

El valor que elija tu cliente quedará dentro de la variable.

Paso 4. Pregunta obligatoria&#x20;

Si necesitas que el cliente responda a la pregunta que has creado, utiliza esta casilla de verificación:

<figure><img src="/files/7237237ddc286efdaebf8c841c4642219166c9cd" alt="" width="375"><figcaption></figcaption></figure>

Al activar la casilla "Pregunta obligatoria", el cliente no puede enviar el formulario si no proporciona una respuesta a la pregunta obligatoria.

Esta casilla puede configurarse para cualquier tipo de pregunta: tanto al elegir una opción de respuesta como cuando el cliente introduce un número de teléfono o un correo electrónico.

Paso 5. Añade las siguientes preguntas a la página

Para añadir cualquier número requerido de preguntas en la página actual, busca el botón "Añadir pregunta" debajo de la pregunta anterior:

<figure><img src="/files/3e6698340e37913bb6d0c6b65c72f94c42fbd167" alt="" width="375"><figcaption></figcaption></figure>

Entonces verás el siguiente panel con la configuración de la pregunta:

<figure><img src="/files/7713ea5bb66984162b651b5a1658ea5c94504ef8" alt="" width="375"><figcaption></figcaption></figure>

La configuración de las preguntas recién añadidas es idéntica a los pasos 1-4.

Paso 6. Configura la siguiente página.

Después de haber configurado completamente la página 1, dependiendo del número de páginas instaladas en la configuración, debes pasar a configurar la segunda (y luego la tercera, cuarta, etc.) página. Para ello, desplázate hacia arriba y encuentra la lista desplegable con la opción de configuración de páginas:

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

Selecciona la página que deseas configurar y haz clic en ella:

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

Aquí verás el botón "Añadir otra pregunta".

{% hint style="success" %}
Las preguntas en las páginas siguientes se configuran de forma similar a los pasos 1-5.
{% endhint %}

### Página de inicio

La configuración de la página de inicio y de la página de resultados es opcional, así que si no quieres personalizar la portada de tu quiz, puedes omitirlo; entonces tu cliente verá inmediatamente las preguntas de la primera página.

Si, por ejemplo, necesitas personalizar la portada de tu sitio web, busca la lista desplegable con páginas y haz clic en "Página de inicio":

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

Selecciona la página de inicio.

Paso 1. Crea una página de inicio:

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

Verás la configuración para subir la imagen, el título y el subtítulo.

Paso 2. Escribe el título y el subtítulo para la página de inicio

Los campos de encabezado y subtítulo son opcionales, pero, por ejemplo, puedes indicar una oferta única para atraer clientes:

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

La configuración de los elementos de texto de los quizzes es similar a cualquier editor de texto: puedes elegir negrita, cursiva, subrayado, tamaño de fuente, color, alineación y más:

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

Paso 3. Sube la imagen.

Añade una imagen para que la sección y la página de inicio sean más coloridas:

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

{% hint style="success" %}
¡Listo!

Has podido configurar la página de inicio de la encuesta página por página.
{% endhint %}

## ¿Cómo añadir botones de mensajería a la sección de quiz?

Primero, recomendamos cambiar a la edición de contenido:

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

Y añadir casillas de verificación al formulario de consentimiento para el tratamiento de datos:

<figure><img src="/files/065dd4c3d5a300164a117518165c2575a23a10d7" alt=""><figcaption></figcaption></figure>

Pasa el cursor sobre la sección para encontrar el botón "Configuración".

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

Haz clic en el botón y se abrirá el menú de configuración a la derecha:

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

Ahora despliega el menú desplegable "Configuración de botones":

<figure><img src="/files/85fd7a04a367595684862aa50d251e13771fe53b" alt=""><figcaption></figcaption></figure>

Y haz clic en el botón "Mensajeros":

<figure><img src="/files/579ba0c6fc7a669b0de102e4a94d37a61cadfe50" alt=""><figcaption></figcaption></figure>

Verás una lista de mensajeros cuyos botones se pueden añadir al formulario del quiz. Marca las casillas de los botones que deseas mostrar en la página:

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

{% hint style="success" %}
¡Atención!&#x20;

Solo se mostrarán los botones de mensajería que estén conectados en la sección "Canales".
{% endhint %}

A continuación, puedes personalizar el botón a tu gusto haciendo clic en "Personalizar" en la línea:

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

Por ejemplo, puedes personalizar un botón para que coincida con la combinación de colores de tu sitio, añadir texto, etc:


---

# 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/seccion-de-formulario-de-quiz.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.