# Telegram WebApp

## Telegram Widget

Artık bir widget nasıl oluşturulacağını ve web sitenize nasıl yerleştirileceğini bildiğinize göre, bir **Telegram’da Web App düğmesi** oluşturabilirsiniz; bu düğme sitenizi mesajlaşma uygulaması içinde bir uygulama olarak açar.

{% hint style="info" %}
Tam bir web sitesi yerine, çevrimiçi rezervasyon widget’ını içeren tek bölümlü bir açılış sayfası oluşturabilir ve bunu Web App düğmesini kullanarak müşterilerinizle bir Telegram düğmesi olarak paylaşabilirsiniz.
{% endhint %}

**1. Adım. Bloğu oluşturma**

Chatbot oluşturucuda bir blok oluşturun.

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

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

Blok ayarlarını kaydetmeyi unutmayın.
{% endhint %}

**2. Adım. Bir WebApp düğmesi oluşturun**

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

Ardından, açılan pencerede düğme metnini girin ve “WebApp” türünü seçin.

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

Daha sonra MaviBot’ta oluşturduğunuz web sitesini seçin.

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

Web siteniz MaviBot’ta oluşturulmadıysa, “Harici bir bağlantı belirtin” sekmesini seçin ve kendi web sitesi URL’nizi girin.

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

Çevrimiçi rezervasyon widget’ına sahip Web App düğmesi daha sonra botta kullanılabilir olacaktır.


---

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