# Telegram WebApp

## Telegram Widget

Now that you know how to create a widget and embed it on your website, you can create a **Web App button in Telegram** that opens your site as an app within the messenger.

{% hint style="info" %}
Instead of a full website, you can create a landing page with a single section featuring the online booking widget and share it with your clients as a Telegram button using the Web App button.
{% endhint %}

**Step 1. Creating the block**

Create a block in the chatbot builder.

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

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

Don’t forget to save the block settings.
{% endhint %}

**Step 2. Create a WebApp Button**

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

Next, in the opened modal, enter the button text and choose the “WebApp” type.

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

Then select the website you created in MaviBot.

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

If your website wasn’t created in MaviBot, select the “Specify an external link” tab and enter your own website URL.

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

The Web App button with the online booking widget will then be available in the 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/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.