# Telegram WebApp

## Widget Telegram

Maintenant que vous savez comment créer un widget et l’intégrer à votre site web, vous pouvez créer un **bouton Web App dans Telegram** qui ouvre votre site comme une application dans le messager.

{% hint style="info" %}
Au lieu d’un site web complet, vous pouvez créer une page d’atterrissage avec une seule section présentant le widget de réservation en ligne et la partager avec vos clients sous forme de bouton Telegram à l’aide du bouton Web App.
{% endhint %}

**Étape 1. Création du bloc**

Créez un bloc dans le constructeur de chatbot.

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

{% hint style="success" %}
Remarque !

N’oubliez pas d’enregistrer les paramètres du bloc.
{% endhint %}

**Étape 2. Créer un bouton WebApp**

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

Ensuite, dans la fenêtre modale ouverte, saisissez le texte du bouton et choisissez le type « WebApp ».

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

Sélectionnez ensuite le site web que vous avez créé dans MaviBot.

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

Si votre site web n’a pas été créé dans MaviBot, sélectionnez l’onglet « Spécifier un lien externe » et saisissez l’URL de votre propre site web.

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

Le bouton Web App avec le widget de réservation en ligne sera alors disponible dans le bot.


---

# 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/fr/booking/telegram-webapp.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.