В этой статье мы с вами настроим связь команд в боте и кнопок на сайте конструктора сайтов Tilda через технологию веб-приложения (Web App).
Раньше этот функционал был доступен только тем, кто собирал сайты на CMS, теперь такая возможность появилась и у поклонников конструктора Tilda.
Один из самых популярных примеров веб-приложения в Telegram — бот @DurgerKingBot.
Для настройки нам понадобится:
Создать 2 команды в конструкторе
Вставить скрипт на страницу в Тильде.
Как это работает:
Размещаем ссылку на страницу сайта в обычную клавиатуру через пункт Веб-приложение (Ссылка) — в инлайн этот функционал не работает.
Вставляем скрипт в блок HTML
Вписываем текст по шаблону в кнопку Tilda.
Видеоинструкция:
Скрипт
Обязательным этапом является вставка HTML скрипта в код всего сайта или отдельной страницы, для этого необходимо выбрать в Tilda: Все блоки — Другие — HTML — Код, в блок вставляем:
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<script src="https://puzzlebot.top/webapp.js"></script><script src="https://puzzlebot.top/webapp_tilda.js"></script>
В кнопки, которые должны запускать команды бота, вставляем ссылку формата:
#pbt_cmd НАЗВАНИЕ_КОМАНДЫ
Важно правильно указать ссылку:
Между #pbt_cmd и названием команды есть пробел
Название команды пишем английскими буквами
Не забудьте опубликовать изменения на сайте и в конструкторе.
Готово! Теперь у нас есть возможность придумывать новые необычные механики для связки бота и сайта.
