Telegram Mini App на no-code
ТуториалДля реализации данного решения, нам потребуется выполнить всего 4 простых шага! Погнали 🚀
Шаг 1
Создайте мини-лендинг на любом no-code конструкторе.
Конструкторы, которые мы используем чаще всего:
В кейсе, который был представлен, в качестве примера, для создания лендинга использовалась Tilda.
Шаг 2
В кнопку на созданнам лендинге необходимо вшить сслыку на запуск чат-бота.
Важный нюанс! Ссылка должна вести на дополнительный сценарий, иначе чат-бот не запустится, в формате: https://telegram.me/nocode_products_bot?start=d52fc833-3047-4103-a767-66c67160e4b1
Чтобы получить ссылку в таком формате, необходимо в разделе "Каналы", на платформе Leadtex, выбрать Telegram и создать отдельную ссылку на любой сценарий, кроме - главного.
Чтобы ссылка открывалась напрямую в мессенджере, без дополнительных переходов, необходимо скопировать ее и открыть в окне браузера.
Ссылка автоматически будет переформатирована в нужный формат.
Шаг 3
Настройки в BotFather
Для того, чтобы привязать Mini App к чат-боту, необходимо выполнить минимальные настойки на стороне мессенджера.
1 Выберите команду /newapp
2 Выберите бота, к которому необходимо подключить Mini App
3 Отправьте команду название для своего Mini App (будет отображаться в предпросмотре ссылки)
4 Отправьте короткое описание для Mini App (будет отображаться в предпросмотре ссылки)
5 Отправьте фото в указанном разрешении 640х360
5 Добавьте гифку, если это требуется, или пропустите данный шаг с помощью команды /empty
6 Отправьте ссылку на созданный сайт на Tilda / Creatium
7 Назначьте короткое имя для запуска App (оно будет встраиваться в ссылку)
Заберите ссылку на приложение! Все готово :)
Шаг 4
В канале размещаем пост и в текст добавляем полученную ссылку в формате стандартной ссылки, гиперссылки, ссылки встроенной в текст, или вшиваем ссылку в кнопку.
Готово! Вы подключили Mini App и можете использовать данную ссылку для запуска приложения прямо в канале и мгновенной подписки на чат-бот 😉