# Configuración de la página

Haz clic en el **"Configuración"** del panel superior para acceder a la configuración general de la página.

<div data-with-frame="true"><figure><img src="/files/dece77ab2a9d3efd9865d7464e52ee72f472f91e" alt=""><figcaption></figcaption></figure></div>

Esto abre un menú con las siguientes secciones: **General**, **Mensajeros**, **Analíticas**, **Colores**, **Fuentes**, y **HTML**.

<div data-with-frame="true"><figure><img src="/files/63d326a893323ce16c13deea6eafeed2e2656f52" alt=""><figcaption></figcaption></figure></div>

## **General**

### **Información de la página**

<div data-with-frame="true"><figure><img src="/files/952295b6e24a94c50417c33bd4f9e87c833f2d72" alt="" width="563"><figcaption></figcaption></figure></div>

#### Nombre en la lista

Puedes introducir cualquier texto aquí. Este nombre solo es visible para ti en la lista de páginas.

<div data-with-frame="true"><figure><img src="/files/f9ca495d2d17d942355be5842c1db15ffbfee610" alt="" width="563"><figcaption></figcaption></figure></div>

#### URL

Este campo te permite establecer un enlace personalizado (URL) para la página. Si se deja en blanco, se generará automáticamente un nombre único a partir de letras y números.

<div data-with-frame="true"><figure><img src="/files/bf1467294c82f0daa1c70b4ae8627a1b10d61bfe" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Requisitos:

Solo se pueden usar los siguientes caracteres:

* Letras latinas (a–z)
* Dígitos (0–9)
* Símbolo de guion bajo (\_ )

El nombre debe ser **único** dentro de la plataforma. Si ya lo ha tomado otro usuario, no podrás usarlo de nuevo.
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/2392aa7fdae77bd201cac74a380e72a17cbf7057" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/4e3d9f135d657ad40b673ca32e22fb0de34030de" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" %}
Puedes conectar tu propio dominio al sitio web.
&#x20;Si no puedes cambiar el nombre en el enlace, significa que el nombre ya está en uso.
&#x20;Puedes añadir caracteres adicionales o elegir uno diferente.
{% endhint %}

#### **Nombre de la pestaña del navegador**

De forma predeterminada, el **nombre de la pestaña del navegador** coincide con el **nombre del sitio** campo, pero puedes personalizarlo para que sea más breve o descriptivo.

<div data-with-frame="true"><figure><img src="/files/6339aeae09156303838b9ba29b01c5f4da55fd65" alt="" width="276"><figcaption></figcaption></figure></div>

El nombre de la pestaña del navegador se muestra en la barra de direcciones de la página.

### **Etiqueta**

<div data-with-frame="true"><figure><img src="/files/1336464cc266ff41209e9229be5038e89f1d17f7" alt="" width="375"><figcaption></figcaption></figure></div>

Una etiqueta es una etiqueta que se envía a tu bot en el momento en que un usuario hace clic en el icono del mensajero. Te permite iniciar flujos específicos del bot al instante, sin esperar al primer mensaje del usuario.

Introduce el nombre de la etiqueta en el **"Disparador"** campo de un bloque disparador.

{% hint style="warning" %}
La etiqueta se asigna en la configuración de la página.
{% endhint %}

{% hint style="success" %}
El valor especificado en el **Etiqueta** campo se guardará en la **tag** variable del cliente. Esta variable puede utilizarse más adelante con fines de análisis.
{% endhint %}

Un mensaje que contenga esta etiqueta activará una acción específica en el embudo de tu bot, como enviar una respuesta o pasar al siguiente paso.

Introduce una etiqueta, por ejemplo: `welcome_offer`

<div data-with-frame="true"><figure><img src="/files/288a1c24a508a6e2fbd5c94c8000dce7eee285bc" alt="" width="358"><figcaption></figcaption></figure></div>

La etiqueta guardada será visible en el panel de información de la página.

<div data-with-frame="true"><figure><img src="/files/a23366ea9ff726b33a07621907f031f45d0bd2bb" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/ff4e49121a5ba6f4740608da9b70dce8a55f4e86" alt="" width="563"><figcaption></figcaption></figure></div>

**Cómo usar una etiqueta de mensajería**

Primero, asigna una etiqueta como `main_flow` en la configuración de tu sitio. Luego, introduce esa misma etiqueta exacta en el bloque disparador de tu chatbot.

<div data-with-frame="true"><figure><img src="/files/ee656e60ff9c0b348cd3adcf7be8ea00a545496b" alt=""><figcaption></figcaption></figure></div>

**Configuración de un punto de entrada al chat**

Establece un bloque específico (por ejemplo, el inicio de tu embudo principal) como punto de entrada para la lógica de tu bot. Cuando un usuario haga clic en el icono del mensajero en tu sitio, entrará en el mensajero y comenzará inmediatamente en ese punto predefinido.

<div data-with-frame="true"><figure><img src="/files/232a767eb7c17b9efa9c0b260d93974b2248a71c" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Para configurar bloques de formulario y botones de redirección al mensajero, consulta la **"respuestas del formulario"** guía en **Configuración del contenido**.
{% endhint %}

Cuando un usuario hace clic en el botón, se le indica que vaya directamente al mensajero.

<div data-with-frame="true"><figure><img src="/files/e907b3cd179966705a772c43c1bbf0f254ed29d4" alt="" width="375"><figcaption></figcaption></figure></div>

* El usuario pasa del sitio web a messemger.
* El usuario pulsa el **“Iniciar”** o **“Abrir”** botón (según el dispositivo). Aunque el usuario haya interactuado previamente con el bot, debe pulsar este botón para iniciarlo desde el sitio web: este es un requisito establecido por la plataforma de mensajería para los bots.
* En lugar de **/start**, el bot recibirá la **etiqueta especificada en la configuración del sitio web**.
* El cliente recibe el primer mensaje del embudo que se activa mediante la etiqueta especificada.
* El perfil del cliente contiene la siguiente variable:

<div data-with-frame="true"><figure><img src="/files/1ce7873fb8da5397e400899258bf69b4ee6bb216" alt="" width="285"><figcaption></figcaption></figure></div>

Para ver el análisis de una etiqueta, ve a la **"Analíticas"** sección y abre el **"Clientes"** .

<div data-with-frame="true"><figure><img src="/files/db8b839c57d30eef4a28db46041861bb1ca18160" alt="" width="282"><figcaption></figcaption></figure></div>

A continuación, crea un nuevo widget en el que especifiques la configuración principal:

* **Periodo de analítica**por ejemplo, “Último mes”, “Todo el tiempo”, etc.;
* **Nombre del widget**: cualquier nombre conveniente;
* **Especifica una etiqueta** para rastrear.

<div data-with-frame="true"><figure><img src="/files/900e85eda4ece0b13776745a1fe5d7406bcb3e9f" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/941f0ff0c06236f900d01da0d4cc10906bda071d" alt="" width="375"><figcaption></figcaption></figure></div>

Luego, añade un widget.

{% hint style="success" %}
¡Listo! Ahora puedes rastrear con qué frecuencia se inicia tu bot desde tu sitio usando una etiqueta.
{% endhint %}

{% hint style="info" %}
El análisis integrado de MaviBot te permite rastrear chats, la eficiencia de los operadores, el progreso de los cursos y las métricas de los clientes sin coste, eliminando la necesidad de herramientas externas.

Más información en la **"analítica de MaviBot"** artículo.
{% endhint %}

### Ajustes de imagen

Imagen de vista previa

<div data-with-frame="true"><figure><img src="/files/daaf50db88a8d3edd9c7bd31d993b7f3862b73f0" alt="" width="563"><figcaption></figcaption></figure></div>

Esta es la miniatura o imagen de portada que se usa cuando tu sitio se comparte (por ejemplo, en redes sociales o aplicaciones de mensajería). De forma predeterminada, utiliza la primera imagen de tu página. Para establecer una vista previa personalizada, sube la imagen que elijas en este campo.

### **Configuración de protección del sitio / reCAPTCHA**

<div data-with-frame="true"><figure><img src="/files/3517012ffba821d1d5aff489ea5d71b33cc2fe73" alt="" width="563"><figcaption></figcaption></figure></div>

Para configurar **reCAPTCHA**, debes proporcionar un par de claves (clave pública y clave secreta) en la **configuración general** de tu sitio web, y habilitar la verificación reCAPTCHA en la **configuración del formulario**.

Puedes elegir cualquier servicio CAPTCHA para proteger tu sitio web. En esta sección, veremos cómo instalar **Google reCAPTCHA**.

1. **Obtención de la clave**

<div data-with-frame="true"><figure><img src="/files/c5abc677c4aec349efc3b499600fe6a86e1e0d49" alt=""><figcaption></figcaption></figure></div>

Para empezar, debes completar la información básica para obtener las claves: selecciona los tipos de CAPTCHA y añade el dominio del sitio web donde se pretende instalar la protección. Luego, haz clic en **"Enviar."**

2. **Introducción de la clave**

<div data-with-frame="true"><figure><img src="/files/84e603d831987003a27377f1b21e26e0733746a5" alt=""><figcaption></figcaption></figure></div>

A continuación, verás un par de claves que deben copiarse y pegarse en la configuración de la página de tu sitio web en MaviBot.

<div data-with-frame="true"><figure><img src="/files/768410d37e576493f650a9302b5c01ccd8aa8522" alt="" width="563"><figcaption></figcaption></figure></div>

3. **Habilitar CAPTCHA en la sección "Formulario"**

{% hint style="info" %}
Cómo crear y trabajar con la sección "Formulario" se explica en el artículo aquí.
{% endhint %}

Una vez que se configure la **Formulario** sección está configurada, abre su configuración.

<div data-with-frame="true"><figure><img src="/files/5d268ef238878e32edfd71d09cd5a8a532c8f5d5" alt="" width="563"><figcaption></figcaption></figure></div>

Haz clic en **"Configuración"** para abrir el menú lateral.

<div data-with-frame="true"><figure><img src="/files/e71a03a640c617a6d5a52bc03214de0f0fdea11c" alt="" width="563"><figcaption></figcaption></figure></div>

Allí aparecerá una casilla de verificación para habilitar CAPTCHA.

### **Autenticación**

Esta opción ayuda a filtrar a los usuarios que intentan acceder al sitio sin autorización. Sin embargo, es mejor activarla después de que todo lo demás esté configurado y estés seguro de que la configuración es correcta. Una vez activada, la única forma de acceder al sitio será mediante el botón de autorización enviado por el bot.

Empecemos vinculando el dominio al bot de Telegram conectado a tu proyecto.

**Paso 1:** Ve a **BotFather**, donde creaste tu bot de Telegram.

<div data-with-frame="true"><figure><img src="/files/e173cc0ff4515262a880fe44b9e7828451d1917c" alt="" width="441"><figcaption></figcaption></figure></div>

**Paso 2:** Selecciona el bot de Telegram que deseas conectar al sitio web y haz clic en él.

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

**Paso 3:** Ve a la configuración del bot de Telegram.

<figure><img src="/files/906749b64ae95fd64b6ff84e9190ca4e37820384" alt="" width="345"><figcaption></figcaption></figure>

**Paso 4:** En la configuración del bot, ve a **Dominio**.

<figure><img src="/files/2be290a9cded68eb35a35eca380fba478c2b1c4a" alt="" width="294"><figcaption></figcaption></figure>

**Paso 5:** Haz clic en **"Establecer dominio"**.

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

{% hint style="info" %}
Si ya has vinculado un dominio al bot, o si necesitas establecer un nuevo dominio para el mismo bot, el botón "Establecer dominio" se reemplazará por "Restablecer dominio".
{% endhint %}

**Paso 6:** Envía un dominio que quieras vincular al bot de Telegram: para ello, escribe el dominio en el campo de entrada del mensaje y envíalo al bot.

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

Puede ser tanto tu dominio personal, que recibiste de un registrador de dominios, como algo como mavitbot.ai

En esta etapa, la vinculación del dominio está completa.

Después de vincular el dominio al bot, activa la casilla **"Requerir autorización mediante Telegram"** en la configuración del formulario:

<div data-with-frame="true"><figure><img src="/files/66912f23b9fc2eb9e3a94ad75f118864018a6047" alt="" width="563"><figcaption></figcaption></figure></div>

### Configuración de interfaz y acceso

<div data-with-frame="true"><figure><img src="/files/544a202840c2d4af1c4b7d00c915625c13380c3f" alt="" width="563"><figcaption></figcaption></figure></div>

**Acceso solo por listas**

Esta opción te permite proporcionar acceso al sitio en función de la presencia del usuario en determinadas listas de tu proyecto.

**Cómo ocultar la etiqueta "Creado con MaviBot"**

&#x20;Para ocultar la etiqueta, simplemente marca esta casilla si es necesario.&#x20;

{% hint style="success" %}
Puedes eliminar la etiqueta "Creado con MaviBot" en cualquier plan de pago. Agradecemos a todos los que mantienen la etiqueta "Creado con MaviBot" en sus páginas.
{% endhint %}

## HTML/CSS/JS

<div data-with-frame="true"><figure><img src="/files/e91334231fa29a4d374a80ba5f59fd0b04c34eb9" alt="" width="563"><figcaption></figcaption></figure></div>

**Puedes completar esta sección si es necesario.**\
Si estás familiarizado con CSS, puedes hacer que tu sitio web sea aún más atractivo visualmente. También puedes insertar aquí código de analítica, un Facebook Pixel y más.

{% hint style="warning" %}
**¡TEN EN CUENTA!**\
Al copiar ejemplos de scripts, asegúrate de que, si se abre una etiqueta, también debe cerrarse.\
Por ejemplo: `<script> ... </script>`, `<style> ... </style>`
{% endhint %}

**Cómo cambiar el enlace de la Política de Privacidad**

En el bloque del formulario de solicitud con botones de mensajería, puedes mostrar una **casilla de verificación de la Política de Privacidad**.\
Por defecto, enlaza con la política de privacidad del constructor.<br>

Puedes cambiar el enlace por tu propia página de Política de Privacidad usando un script.

{% hint style="info" %}
Añade el script al campo "Código HTML (body)" en la sección de CSS y JS.
{% endhint %}

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "enlace de la política de privacidad";
</script>
```

#### Cómo desactivar la indexación de la página

Para desactivar la indexación de la página, añade el script al campo Código HTML (head).

```
<meta name="robots" content="noindex, nofollow">
```

<div data-with-frame="true"><figure><img src="/files/848eb79f413253c134c61108f44e8b016b7c9453" alt="" width="563"><figcaption></figcaption></figure></div>

Cómo eliminar el botón de Facebook de la página de tu sitio

{% hint style="info" %}
Añade el script al campo "Código HTML (body)" en la sección de CSS y JS.
{% endhint %}

```javascript
<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>
```

Cómo eliminar el título de la página de tu sitio

{% hint style="info" %}
**Añade el script al campo "Código HTML (body)" en la sección de CSS y JS.**\
Esto se aplica a versiones anteriores de páginas de aterrizaje mini.
{% endhint %}

```javascript
<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

```

Cómo editar el enlace del botón de Telegram.

{% hint style="info" %}
Añade el script al campo "Código HTML (body)" en la sección de CSS y JS.
{% endhint %}

```javascript
<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'el valor requerido')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>
```

Para otros mensajeros, reemplaza `tg_link` por `insta_link`, `fb_link`, etc.

**Cómo actualizar el texto de un botón**

{% hint style="info" %}
**Pega este código en el campo "Código HTML (body)" de la sección de CSS y JS.**
{% endhint %}

1. Para mostrar el botón del mensajero, crea un bloque de formulario de solicitud con preguntas y especifica para qué mensajeros deben aparecer los botones

<div data-with-frame="true"><figure><img src="/files/9ba9f49479b5d58856dcabe74340625820b1c4d0" alt=""><figcaption></figcaption></figure></div>

Establece el **visualización del botón** estilo a **"Icono con texto"**

<div data-with-frame="true"><figure><img src="/files/a8f7948cea434b5bdfc0e685a31330a58ae2dd0b" alt="" width="367"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Más detalles sobre la sección Formulario se explican aquí. enlace
{% endhint %}

2. En la sección de Configuración del sitio, en la pestaña CSS y JS, pega el siguiente código en el campo "Configuración HTML" → "Código HTML (body)":

<pre class="language-javascript"><code class="lang-javascript">&#x3C;style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

<strong>.tg_link:after {content: "Regístrate en Telegram";font-size: 15px;color: white}
</strong>.viber_link:after {content: "Regístrate en Viber";font-size: 15px;color: white}
&#x3C;/style>
</code></pre>

Este código cambiará el texto del botón para Telegram y Viber. Para otros mensajeros, añade un código similar siguiendo el ejemplo.

**Cómo alinear los botones en una fila**

Pega el siguiente script en el campo "Código JS" de la configuración principal de tu página de aterrizaje mini.

```
$(function() {
$('.link_group').css("flexWrap", 'noWrap')
})
```

<div data-with-frame="true"><figure><img src="/files/ac56e7906ae007ca054d409b8de36600cecfc1c3" alt="" width="563"><figcaption></figcaption></figure></div>

**Cómo cambiar un favicon**

{% hint style="info" %}
Añade el script al campo "Código HTML (head)" en la sección de CSS y JS.
{% endhint %}

Este código se puede usar para cambiar el favicon: el icono de un sitio web o una página web.

<pre class="language-html"><code class="lang-html"><strong>&#x3C;link rel="shortcut icon" type="image/x-icon" href="enlace del icono" />
</strong></code></pre>

#### Cómo pasar todas las variables/parámetros de URL al abrir tu sitio web

{% hint style="warning" %}
Debes colocar el script en todas las páginas de TU sitio web que contengan un enlace proxy. El script debe añadirse justo después de `<body>` etiqueta.

Si estás usando tu propio dominio para enlaces proxy, deberías reemplazar `sbsite.pro` por tu dominio.
{% endhint %}

Si tu sitio web contiene enlaces proxy a mensajeros desde la página del sitio, puedes añadir este script: pasará todas las variables usadas para abrir el sitio al bot.

```javascript
<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://mavibot.site/")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>
```

**Cómo reenviar las cookies de analítica al bot**

{% hint style="warning" %}
El script debe colocarse en todas las páginas de TU sitio web que contengan un enlace proxy. Debe añadirse justo después de `<body>` etiqueta.

Si usas tu propio dominio para enlaces proxy, necesitas reemplazar `mavibot.ai` por tu dominio.
{% endhint %}

Si necesitas pasar cookies de analítica al bot, añade el siguiente script a tu sitio:

```javascript
<script>
setTimeout(function() {
    var links = document.getElementsByTagName("a");
    var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit'];
    var cookies_string = '';

    cookies.forEach(function(cookie_name){
        let cookie_val = get_cookie(cookie_name);
        if (cookie_val !== undefined) {
            cookies_string += (cookies_string != '' ? "&" : '') + cookie_name + "='" + cookie_val + "'";
        }
    });

    for (let i of links) {
        if (i.href.startsWith("https://salebot.site/")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + cookies_string;
            } else {
                i.href += "?" + cookies_string;
            }
        }
    }

    function get_cookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
}, 3000);
</script>
```

**Cómo cambiar el enlace de la política de privacidad**

{% hint style="warning" %}
En la pestaña CSS y JS, pega el siguiente código en el campo "Configuración HTML" → "Código HTML (body)":
{% endhint %}

Este script te permite reemplazar el enlace de la Política de Privacidad por el tuyo.

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "enlace de la política";
</script>
```

## Mensajeros

**Mensaje inicial de WhatsApp**

El texto que introduzcas aquí aparecerá automáticamente como borrador en su WhatsApp cuando hagan clic en el enlace desde tu sitio.

<div data-with-frame="true"><figure><img src="/files/44804ab4eaddcfd38ff665b269b9dd6db8075901" alt="" width="563"><figcaption></figcaption></figure></div>

Pueden simplemente pulsar **"Enviar"** en el mensajero.

<div data-with-frame="true"><figure><img src="/files/3d7ee200cea613bfadb9b39e2f008b8ef8905c8e" alt="" width="375"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/e63ad5602a529df4f37c93fed3fc2947c6a3621e" alt="" width="375"><figcaption></figcaption></figure></div>

1. Crea un **"Inicio"** bloque en el constructor.
2. Introduce en él el texto de tu mensaje inicial.

<div data-with-frame="true"><figure><img src="/files/a4806559f33954b065f7aeb18be92bdc60f5ac92" alt="" width="563"><figcaption></figcaption></figure></div>

## Analítica

Activa el interruptor de **"Guardar datos de analítica para conversión"** configuración para conservar el seguimiento de conversiones de tu sitio.

<div data-with-frame="true"><figure><img src="/files/1c89cd632046e0b1f1124f8f77c5c92dd67ef495" alt="" width="563"><figcaption></figcaption></figure></div>

Esto te permitirá supervisar las conversiones en la **Analíticas** .

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

## Exportación del sitio web / Importación de página

El constructor de sitios web te permite exportar e importar páginas completas. Esto es útil para transferir un sitio entre proyectos sin reconstruirlo, conservando todo el contenido.

**Cómo exportar/importar una página:**

1. Primero, asegúrate de que todos tus cambios estén guardados haciendo clic en el **"Guardar"** botón.

<div data-with-frame="true"><figure><img src="/files/c73d77a112509af1a4ce6f4ac8727ebdc5b4310d" alt=""><figcaption></figcaption></figure></div>

Haz clic en **"Exportar página"** en el editor para exportar tu página.

<div data-with-frame="true"><figure><img src="/files/2f74dd00924df244b2f21044d6c509e30fd5c8db" alt="" width="563"><figcaption></figcaption></figure></div>

Una vez que se descargue el archivo (lo verás en tu carpeta de descargas y recibirás una confirmación), ve a la configuración del sitio en tu proyecto de destino. Allí, haz clic en **"Crear"** para crear una página idéntica.

<div data-with-frame="true"><figure><img src="/files/c400de7e1e0b9d5a5d0c868f364149b67e87cc61" alt=""><figcaption></figcaption></figure></div>

Selecciona el archivo de página exportado que guardaste anteriormente. Una vez que la carga se confirme con una notificación, se te llevará directamente al editor para empezar a trabajar en la página importada.

{% hint style="success" %}
Si es necesario, realiza los ajustes requeridos y haz clic en **el botón "Guardar"**.
{% endhint %}

## **¿Dónde encontrar el ID de la página?**

El ID de la página del sitio en la lista de sitios se puede pasar a las funciones del bot; por ejemplo, para enviar un enlace a tu sitio a través del bot o abrirlo como una mini aplicación en Telegram.

{% hint style="info" %}
Lee más sobre Telegram WebApp en este artículo.
{% endhint %}

{% hint style="info" %}
El número del sitio se asigna automáticamente con `#` símbolo.
{% endhint %}

Puedes encontrar el ID de la página pasando el cursor sobre la página del sitio deseada.

<div data-with-frame="true"><figure><img src="/files/d496a176d712d7785f69c25be43b7e5f26ee7d1a" alt=""><figcaption></figcaption></figure></div>


---

# 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/page-settings.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.