Telegram Mini App

Легко интегрируйте свою воронку в веб-приложение Telegram. Взаимодействуйте с аудиторией, собирайте лиды, привлекайте подписчиков прямо в Telegram.

Создание нового бота

Сначала создайте нового бота с помощью @BotFather. Для этого перейдите по этой ссылке: https://t.me/BotFather и нажмите START/Начать. Если вы ранее уже обращались к боту, то просто напишите /start. Бот покажет все доступные команды. Далее введите команду /newbot.

Бот попросит вас задать имя и придумать логин вашему боту. Если такой логин уже используется, то придется выбрать другой логин. Если все хорошо, то бот активируется и покажет Token (API-ключ) для доступа к Telegram HTTP API.

Важно: Не передавайте Token третьим лицам, он может быть использован кем угодно для управления вашим ботом!

Скопируйте Token (API-ключ), который показал Telegram бот и вставьте его в первое поле в настройках интеграции. Для этого перейдите в Настройки воронки → Интеграции / Приложения → Telegram Mini App

Создание нового приложения

Создайте новое приложение с помощью @BotFather, для этого введите команду /newapp в боте.
Выберите какой бот будет использовать Web App. У вас может быть создано несколько ботов, выберите нужный.

@BotFather попросит вас указать название и короткое описание (description) приложения.

Также загрузите фотографию размером 640x360 пикселей для предварительного просмотра в Web App, затем система предложит загрузить gif, но с помощью команды /empty вы можете пропустить этот шаг и вернуться к нему позже, используя /editapp.

Далее скопируйте URL-адрес Web App вашей воронки, это прямая ссылка, по которой будет открываться приложение. Отправьте URL-адрес боту.

Бот попросит выбрать короткое имя для вашего Web App: 3-30 символов, от A до Z. Это короткое имя будет использоваться в URL-адресах и служить уникальным идентификатором вашего Web App. (Например: t.me/Funlee2_bot/myapp.) Параметр, который будет использоваться в short_name Bot API (нужно для разработки).
@BotFather выдаст ссылку на ваш Web App. Скопируйте и вставьте ее в поле в настройках интеграции.

Важно: Сохраните изменения, перейдите в рабочую область и опубликуйте свою воронку.

Проверьте как открывается ваша воронка по ссылке, которую выдал @BotFather

Когда бот и Web App подключены, то на карточке интеграции Telegram Mini App, будет отображаться статус Подключено.

Настройка Telegram Mini App

Откройте своего нового бота, чтобы настроить свой Web App. Для этого перейдите по ссылке, которую выдал @BotFather

Чтобы внести изменения в свои Web Apps, используйте команду /myapps в @BotFather После ее ввода BotFather предложит список созданных Web Apps в Telegram. Выбрав нужный, BotFather покажет всю информацию и доступные опции этого Web App.

В примере с Funleeapp это:

Edit Title – редактировать тайтл;
Edit Description – редактировать дескрипшн (описание);
Edit Photo – редактировать фото;
Edit Web App URL – редактировать урл (ссылку);
Delete Web App – удалить веб-приложение.

В своем боте нажмите START/Начать и введите или выберите в меню команду /createbutton. Далее следуйте инструкции от бота.

Введите название кнопки в Telegram, например: "Получить". По этой кнопке ваша аудитория будет попадать в вашу воронку в Telegram.

Введите текст сообщения, который будет рядом с кнопкой, например: "Бесплатные консультации по маркетингу и психологии".
Через некоторое время вы получите сообщение в Telegram: «Перешлите следующее сообщение к себе в канал или чат. При пересылке нельзя в настройках выключить "Показать имя отправителя" иначе кнопка не перешлется, это ограничение Telegram».

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

Важно: после любых изменений в настройках необходимо опубликовать воронку. Перейдите в рабочую область и опубликуйте свою воронку.

Если вы хотите удалить интеграцию, чтобы воронка больше не открывалась в Telegram, то нажмите кнопку Удалить сервис в настройках интеграции.