search
Ctrlk

Кнопка Web App

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

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

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

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

hashtag
Кнопка 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":"тут буде посилання на ваш застосунок"}]

hashtag
Приклад

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

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

circle-info

Не забудьте, що ваш вебзастосунок має бути налаштований певним чином.

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

circle-info

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

  1. Як налаштувати онлайн-бронювання

  2. Як створити інтернет-магазин

hashtag
Кнопка Web App у Calculator

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

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', 'тут буде посилання на ваш застосунок')

Результат:

PreviousКнопка «Поділитися»NextЯк замінити кнопки WhatsApp

Last updated