Существует 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')

Результат: