# Sección de notificación (cookies)

**Cookies (o cookies HTTP)** son datos especiales almacenados en el navegador para guardar información sobre la actividad del usuario en el sitio.

Permiten que el sistema reconozca al usuario: de este modo puedes rastrear a los visitantes del sitio en las analíticas, ver el número de usuarios únicos, el número de conexiones de bots, las solicitudes, la conversión total y el número de sesiones.

<figure><img src="/files/5568684220da87275646bf8976e30f8618930f4f" alt=""><figcaption><p> Pestaña "Sitios" en la sección "Analíticas"</p></figcaption></figure>

Para informar a los usuarios de que el sitio recopila información anonimizada sobre los visitantes, necesitas un banner de cookies (archivos cookie):

<figure><img src="/files/1e9f31dd9a296122efe2aafd2a97fae30f8bb363" alt=""><figcaption><p>Ejemplo de visualización del aviso de cookies en el sitio</p></figcaption></figure>

Hay una sección en el creador de sitios web Mavibot que ayudará a informar a los usuarios sobre el uso de cookies en el sitio.

## Cómo añadir una sección

Primero, necesitas cambiar al modo de edición de la página del sitio. Para ello:

1. Ve a la sección "Sitios":

<figure><img src="/files/037adc6d8df3f4d0fc88d001850b29e42c5d0888" alt=""><figcaption></figcaption></figure>

2. Selecciona el sitio web a cuya página quieres añadir una notificación de cookies y haz clic en el banner del sitio:

<figure><img src="/files/2113b9ff8e9dbe4791b11cb2f38873323e16e1b1" alt=""><figcaption></figcaption></figure>

a) si hay un sitio de varias páginas, entonces irás a la configuración del sitio en la sección con la visualización de todas las páginas existentes del sitio:

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

Selecciona la página en la que mostrar el aviso de cookies; normalmente, la página principal. Luego entrarás en el modo de edición de esa página.

**Para sitios de una sola página** (landing pages, formularios, cuestionarios, encuestas): al hacer clic en el banner del sitio, accederás a una sección de información general. Haz clic en el **"Editar"** botón allí para entrar en el modo de edición de la página.

### Cómo crear la sección de Notificación en un sitio

En el editor de la página, pasa el cursor sobre el área de trabajo para que aparezca el **"+"** botón.

<figure><img src="/files/48e03b43175e4ee3a6cb9f7176aaf8eb44146f42" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
La sección de notificación de cookies puede colocarse en cualquier parte de la página: en la parte superior, en el centro o en la inferior. La notificación aparecerá inmediatamente cuando un usuario visite esa página en un sitio de varias páginas o llegue a un sitio de una sola página (como una landing page, un formulario, un cuestionario o una encuesta).
{% endhint %}

A continuación, haz clic en el signo más para abrir la barra derecha con la lista de secciones de la página:

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

Después, haz clic en "Notificación" para añadir una sección de cookies al sitio web:

<figure><img src="/files/730b562425412f29506c74b536b60eb780cd81eb" alt=""><figcaption></figcaption></figure>

La sección de Notificación se añadirá al sitio y la barra lateral para editar el contenido de las cookies se abrirá automáticamente a la derecha.

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

## Cómo editar el contenido de la sección de Notificación

Usa el campo "Texto" para modificar el contenido de la notificación.

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

De forma predeterminada, la sección muestra el texto: "Usamos cookies para garantizar la mejor experiencia en nuestro sitio web."

También puedes cambiar el texto del botón.

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

Por defecto, el texto del botón es "ENTENDIDO, NO MOSTRAR ESTO DE NUEVO".

Puedes dar formato a la notificación y al texto del botón usando las opciones estándar del editor de texto, incluidas:

* Estilo (negrita, cursiva, subrayado)
* Tamaño y color de la fuente
* Alineación del texto
* Añadir listas (con viñetas o numeradas)
* Insertar hipervínculos
* Resaltado de texto

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

Por ejemplo, puedes resaltar el texto de la notificación para enfatizarlo o añadir un hipervínculo (dentro del texto o en el botón) que dirija a los usuarios a un archivo con información detallada sobre la política de cookies.

Después de terminar con los elementos del contenido de texto, puedes ir a la configuración de la sección. Haz clic en "Guardar y cerrar" para cerrar la barra derecha de edición de contenido.

## Configuración

Para ir a la configuración de la sección, pasa el cursor sobre la sección de cookies y haz clic en el botón "Configuración":

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

Verás la barra derecha para la configuración del contenido (sección y botones), fuentes, fondo, visualización:

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

### Configuración de la sección

#### Posición

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

La notificación de los archivos cookie puede colocarse abajo a la izquierda (posición predeterminada), abajo a la derecha o a todo el ancho en la parte inferior.

### Configuración del botón

Por defecto, se muestra un botón azul en la sección:

<figure><img src="/files/99bc10e5b7bc84160056751bee818818dca27916" alt=""><figcaption></figcaption></figure>

El botón puede personalizarse por completo para adaptarse al diseño de tu sitio web usando estos ajustes:

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

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

Las siguientes son las opciones de personalización del botón:

1. **El color y el tamaño** del borde del botón:

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

2. **El color del texto dentro del botón:**

<figure><img src="/files/8877fda7dfa8565dbfa0a2ac4f150c10194d46b4" alt=""><figcaption></figcaption></figure>

3. **Color de fondo del botón:**

<figure><img src="/files/4885e8266296b19c0297647393f883ba08dadcbf" alt=""><figcaption></figcaption></figure>

4. Relleno y margen

Estos ajustes te permiten ajustar el espaciado. Usa **Relleno** para establecer el espacio interior dentro del botón (entre el texto y su borde). Usa **Margen** para establecer el espacio exterior entre el texto de la notificación y el propio botón.

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

### Ajustes del fondo

Para cambiar el fondo de la sección de notificación, ve a los **Fondo** ajustes.

<figure><img src="/files/03a122a9c2909276054fae3e9f4b734cd786b530" alt=""><figcaption></figcaption></figure>

Despliega la pestaña de **Fondo** ajustes. Desde allí, puedes:

• Subir una imagen para el fondo.\
• Elegir un color de fondo o crear un degradado.

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

&#x20;Haz clic en la muestra de color para abrir la paleta de colores. Luego, selecciona el tipo de degradado (lineal o radial) en la lista desplegable.

<figure><img src="/files/702c725e1b9f8ade5649e72fe7d043d7a330004e" alt=""><figcaption></figcaption></figure>

Luego, selecciona los colores para tu degradado.

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

{% hint style="info" %}
Los ajustes de fondo son globales y afectan a todas las secciones de la página.
{% endhint %}

### Ajustes de fuente de la notificación

Los ajustes de fuente son **globales** y se aplican a todas las secciones de las páginas del sitio.

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

Puedes elegir cualquier fuente para la sección y el botón, o subir la tuya propia. También puedes establecer el estilo de la fuente, el tamaño y otras propiedades.

{% hint style="info" %}
Los ajustes de fuente son globales y afectan a todas las secciones de la página.
{% endhint %}

### Ajustes de visualización

Usando los ajustes de visualización, puedes ajustar:

• Tamaño de la sección
\
• Radio del borde (redondeo)
\
• Visibilidad en diferentes dispositivos
\
• Y más

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

{% hint style="info" %}
Los ajustes de visualización son globales y afectan a todas las secciones de la página.
{% endhint %}

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

Ahora ya sabes cómo crear y editar la sección de Notificación (cookies).
{% endhint %}


---

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