Кнопка Web App

Существует 3 типа кнопок для доступа к вашему веб-приложению:

  • кнопка в тексте;

  • кнопка на клавиатуре;

  • кнопка меню бота.

Кнопка Web App во вкладке кнопок

Для первых двух вариантов создайте кнопку и установите для неё функцию "Telegram Web App".

Шаг 1. Во вкладке Текст в поле введите название кнопки.

Шаг 2. Выберите мини-приложение для открытия. Это может быть сайт или мини-приложение, созданное в MaviBot.

Затем просто выберите сайт из списка или укажите внешний сайт.

Шаг 3. Введите URL вашего сайта.

Шаг 4. Нажмите "Добавить"и затем сохраните настройки блока.

Шаг 5. Выберите тип кнопки, затем настройте её параметры.

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

Вот примеры, настроенные в расширенных параметрах:

Кнопка в тексте: [{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"здесь будет ссылка на ваше приложение"}]

Кнопка на клавиатуре: [{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"здесь будет ссылка на ваше приложение"}]

Пример

В результате вы получите кнопку рядом с полем ввода сообщения, которая будет всегда видна.

Все три типа кнопок открывают связанное веб-приложение в отдельном окне.

circle-info

Не забудьте, что ваше веб-приложение должно быть настроено особым образом.

Имейте в виду, что вашему веб-приложению требуется специальная настройка. Официальные инструкции по настройке от разработчиков Telegram можно найти здесь: Web Apps для ботовarrow-up-right.

circle-info

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

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

Третий тип кнопки создаётся с помощью функции калькулятора.

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

  • тип — необязательный параметр, указывающий один из трёх типов кнопок ("default", "commands", "web_app"),

  • text — необязательный параметр; если тип не выбрано, это задаёт текст на кнопке,

  • web_app_url — необязательный параметр; ссылка на ваше веб-приложение (используется только когда тип равно "web_app"),

  • platform_id — необязательный параметр; указывает конкретный чат пользователя, если по какой-то причине вы хотите отображать кнопку только для определённого пользователя.

Вот пример создания кнопки для доступа к веб-приложению: tg_set_chat_menu_button('web_app', 'Web app', 'здесь будет ссылка на ваше приложение')

Результат:

Последнее обновление