Telegram Mini App — Udhëzues hap pas hapi
Çfarë është?#
Telegram Mini App u mundëson klientëve tuaj të hapin menunë dixhitale të restorantit direkt brenda Telegram — pa instaluar aplikacione dhe pa kaluar në shfletues. Menuja duket si një pjesë native e Telegram: përshtatet me temën e përdoruesit, mbështet butonin «Kthehu» dhe gjestet.
Avantazhet#
- 📱 Brenda Telegram — klientit nuk i duhet të kalojë në shfletues
- 🎨 Pamje native — ngjyrat, fontet dhe tema përshtaten me Telegram
- 🔗 Deep Links — link direkt për menunë e një restoranti specifik
- 🌍 Gjuha automatike — gjuha merret nga cilësimet e Telegram të përdoruesit
- 🍪 Pa cookies — baneri i cookies nuk shfaqet brenda Telegram
Fillimi i shpejtë#
Hapi 1 — Krijoni botin#
Hapni @BotFather në Telegram dhe dërgoni:
/newbot
- Vendosni emrin e botit (për shembull,
Cenaly Menu Bot) - Vendosni username (për shembull,
MeniMenuBot) — duhet të përfundojë meBot - Ruani Bot Token e marrë (formati:
123456789:ABCdefGHI...)
Pse nevojitet Bot Token?#
Bot Token është një çelës sekret për menaxhimin programatik të botit përmes Telegram Bot API. Për konfigurimin bazë të Mini App (hapat 2–4) ai nuk kërkohet — gjithçka bëhet përmes BotFather. Por ai do t'ju nevojitet nëse dëshironi të:
- Dërgoni mesazhe klientëve — njoftime për statusin e order, oferta, mesazhe mirëseardhjeje
- Shtoni butona inline në mesazhet e botit (për shembull, butonin "📋 Hap menu" — shihni seksionin më poshtë)
- Krijoni një Telegram bot për pranimin e order — boti mund të marrë dhe të përpunojë order
- Konfiguroni Webhook — të merrni ngjarje nga Telegram (shtypje butonash, komanda përdoruesi)
- Integroni me CRM ose sistemin POS — përpunim automatik i order përmes botit
Hapi 2 — Krijoni Mini App#
Dërgoni komandën te BotFather:
/newapp
- Zgjidhni botin nga lista
- Title — emri i aplikacionit (për shembull,
Cenaly) - Description — përshkrimi (për shembull,
Digital restaurant menu) - Photo — ngarkoni një imazh 640×640 px (ikona e aplikacionit)
- GIF — animacion (opsionale). Për ta kapërcyer, dërgoni
/empty - Web App URL — specifikoni adresën e aplikacionit tuaj të klientit:
https://cenaly.com
- Short Name — emri i shkurtër për linkun (për shembull,
menu)
Pas kësaj do të keni një link funksional të llojit:
https://t.me/YourBot/menu
Hapi 3 — Shtoni butonin "Menu" në bisedën e botit#
Dërgoni te BotFather:
/setmenubutton
- Zgjidhni botin
- Dërgoni URL-në:
https://cenaly.com
- Vendosni tekstin e butonit (për shembull,
Open Menuose📋 Menu)
Tani, kur hapni bisedën me botin, në fund të ekranit do të shfaqet një buton që hap aplikacionin tuaj.
Hapi 4 — Autorizoni domenin#
Dërgoni te BotFather:
/setdomain
Zgjidhni botin dhe specifikoni domenin:
cenaly.com
Kjo do të lejojë Telegram Web App të funksionojë në domenin tuaj dhe në të gjithë nëndomenet e tij (për shembull, locationid.cenaly.com).
Deep Links — lidhje për një restorant specifik#
Telegram mbështet parametrin startapp, i cili i kalohet aplikacionit gjatë hapjes. Përdoreni atë për lidhje me një restorant specifik:
| Lidhja | Çfarë do të hapet |
|---|---|
t.me/YourBot/menu |
Faqja kryesore |
t.me/YourBot/menu?startapp=LOCATION_ID |
Menuja e një restoranti specifik |
t.me/YourBot/menu?startapp=LOCATION_ID__ru |
Menuja në gjuhën ruse |
t.me/YourBot/menu?startapp=LOCATION_ID__en |
Menuja në gjuhën angleze |
Shembuj#
Nëse LOCATION_ID i restorantit tuaj është lnc2w74z:
https://t.me/YourBot/menu?startapp=lnc2w74z
https://t.me/YourBot/menu?startapp=lnc2w74z__ru
https://t.me/YourBot/menu?startapp=lnc2w74z__en
Butonat inline nga boti#
Nëse boti juaj u dërgon mesazhe klientëve, ju mund të shtoni një buton inline që do të hapë menunë:
Opsioni 1 — Butoni Web App (hapet menjëherë)#
{
"inline_keyboard": [[{
"text": "📋 Открыть меню",
"web_app": {
"url": "https://LOCATION_ID.cenaly.com/ru"
}
}]]
}
Opsioni 2 — Butoni Deep Link#
{
"inline_keyboard": [[{
"text": "📋 Открыть меню",
"url": "https://t.me/YourBot/menu?startapp=LOCATION_ID__ru"
}]]
}
Çfarë funksionon automatikisht#
Pas lidhjes, brenda Telegram aktivizohen automatikisht:
| Funksioni | Përshkrimi |
|---|---|
| 🎨 Tema | Ngjyrat e aplikacionit përshtaten me temën e Telegram (e çelur/e errët) |
| ◀️ Butoni «Kthehu» | Butoni nativ i Telegram shfaqet kur hapet kartela e produktit |
| 📏 Viewport | Aplikacioni zgjerohet në të gjithë ekranin |
| 🔒 Mbrojtja nga mbyllja | Rrëshqitja vertikale nuk e mbyll aplikacionin aksidentalisht |
| 🌍 Gjuha automatike | Gjuha përcaktohet nga profili i Telegram, nëse nuk është vendosur shprehimisht |
| 🍪 Cookies | Banneri i cookie-ve nuk shfaqet brenda Telegram |
Kodet QR për restorante#
Kodet QR ekzistuese me URL të llojit https://lnc2w74z.cenaly.com do të vazhdojnë të funksionojnë si zakonisht — përmes shfletuesit.
Për integrim shtesë me Telegram, mund të vendosni nëpër tavolina një kod të dytë QR me një link për te boti:
https://t.me/YourBot/menu?startapp=lnc2w74z
Verifikimi i funksionimit#
- Hapni linkun
https://t.me/YourBot/menunë telefon - Klikoni Start (nëse e hapni bot-in për herë të parë)
- Klikoni butonin 📋 Menu në panelin e poshtëm të bisedës
- Sigurohuni që aplikacioni është hapur dhe ka ngarkuar menunë
- Provoni të hapni deep link-un:
https://t.me/YourBot/menu?startapp=LOCATION_ID
Problemet e shpeshta#
| Problemi | Zgjidhja |
|---|---|
| Aplikacioni nuk hapet | Sigurohuni që domeni cenaly.com është i lejuar përmes /setdomain |
| Ekran i bardhë | Sigurohuni që Web App URL është specifikuar si https://cenaly.com (HTTPS është i detyrueshëm) |
startapp nuk funksionon |
Kontrolloni formatin: LOCATION_ID (pa hapësira, karaktere speciale). Ndarësi për gjuhën është nënvizimi i dyfishtë __ |
| Tema nuk aplikohet | Telegram Mini App SDK duhet të jetë i lidhur (përditësoni aplikacionin e klientit) |