Існує 3 типи кнопок для доступу до вашої веб-програми:

  • кнопка в тексті;
  • кнопка в клавіатурі;
  • кнопка меню бота.

Кнопка Web App у вкладці кнопок

Для перших двох варіантів створіть кнопку та встановіть її функцію як "Telegram Web App".

Крок 1. У полі Текст введіть мітку для кнопки.

Крок 2. Виберіть міні-додаток для відкриття. Це може бути веб-сайт або міні-додаток, створений у MaviBot.

Потім просто виберіть сайт зі списку або вкажіть зовнішній сайт.

Крок 3. Введіть URL-адресу вашого веб-сайту.

Крок 4. Натисніть "Додати", а потім збережіть налаштування блоку.

Крок 5. Виберіть тип кнопки, потім налаштуйте її специфічні параметри.

Тип кнопки за замовчуванням — кнопка клавіатури. Хоча кнопки клавіатури та вбудовані кнопки виглядають по-різному, їх основна функція ідентична.

Ось приклади, налаштовані в розширених налаштуваннях:

Кнопка в тексті:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]

Кнопка в клавіатурі:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]

Приклад

У результаті ви отримаєте кнопку поруч із полем введення повідомлення, яка завжди буде видимою.

Усі три типи кнопок відкривають пов'язану веб-програму в окремому вікні.

Не забувайте, що ваша веб-програма має бути налаштована певним чином.

Зверніть увагу, що ваша веб-програма потребує спеціального налаштування. Офіційні інструкції від розробників Telegram можна знайти тут: Web Apps для ботів.

Web App може бути пов'язаний із сайтом, створеним у MaviBot, наприклад, сервісом онлайн-бронювання або інтернет-магазином.

  1. Як налаштувати онлайн-бронювання
  2. Як створити інтернет-магазин

Кнопка Web App у Калькуляторі

Третій тип кнопки створюється за допомогою функції калькулятора.

tg_set_chat_menu_button(type, text, web_app_url, platform_id), де:

  • type — необов'язковий параметр, що вказує один із трьох типів кнопок ("default", "commands", "web_app"),
  • text — необов'язковий параметр; якщо type не вибрано, це встановлює текст на кнопці,
  • web_app_url — необов'язковий параметр; посилання на вашу веб-програму (використовується лише коли type має значення "web_app"),
  • platform_id — необов'язковий параметр; вказує конкретний чат користувача, якщо з якоїсь причини ви хочете показувати кнопку лише певному користувачеві.

Ось приклад створення кнопки для доступу до веб-програми:
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')

Результат: