Создаем Web App мини-приложение через Salebot

Видео-инструкция | Текст-инструкция | Дополнительные настройки

Для чего используют данное решение:

⁃ чтобы запрашивать данные у пользователей

⁃ проводить опросы/квизы

⁃ делать тестирование

Плюсы:

⁃ не нужен код

⁃ не нужно отдельно создавать приложение, все делается в Salebot

⁃ все данные запрашиваются через одну страницу, а не «простыней» в боте

Минусы:

⁃ ограниченный функционал

⁃ полное приложение через salebot не собрать

Шаг 1

Создаем страницу с блоком форма со сбором данных почты и телефона.

Включаем отображение политики конфиденциальности.

В Настройках страницы: указываем название, адрес и тег

Шаг 2

В конструкторе создаем блок с типом первостепенная проверка условия

Отправляется с запуска бота

Условие: start

Выбор соответствия: По наличию ключевых слов

Текст:

Для регистрации заполните форму по кнопке ниже 🔽

В калькуляторе используем следующую функцию:

quiz_link(mini_landing_page_id,display_my_domain) - создает ссылку без ограничения срока жизни ссылки

Параметры:

! mini_landing_page_id - идентификатор минилендинга

display_my_domain -признак вывода своего домена в ссылке, значение - '1'

Пример:

linkreg = quiz_link(459340)

Добавляем кнопку: Зарегистрироваться

Функция кнопки: Telegram Web Application

Ссылка: #{linkreg}

Шаг 3

Настраиваем второй блок, который запускается при заполнении формы и нажатии на кнопку

callback: quiz_completed #номер_страницы Запрос данных

Пример:

quiz_completed #459340 Запрос данных

Условие: quiz_completed #459340 Запрос данных

Выбор соответствия: Полное совпадение

Текст:

Регистрация прошла успешно!

Готово!

• Как любую страницу открывать как Web App мини-приложение и прикреплять не только в кнопках, но и в самом тексте
• Добавляем кнопку на мини-приложение в левом нижнем углу бота
• Как сделать кнопку в боте, чтобы ее было видно в списке всех чатов (видно только в приложении Telegram на компе)

-> Переходим в бот @BotFather

-> Нажимаем на кнопку в левом нижнем углу и в меню выбираем /newapp

• Выбираем из списка нужный бот
• Вводим название мини-приложения
• Вводим описание
• Прикрепляем картинку приложения 640x360 pixels
• Можно отправить демо приложения в формате GIF or выбрать /empty
• Отправить ссылку страницы
• Придумать окончание ссылки на приложение латинскими

Готово! Копируем ссылку на приложение и можем вставить в любое сообщение в тексте или в кнопке

Видео на Rutube

-> Переходим в бот @BotFather

-> Нажимаем на кнопку в левом нижнем углу и в меню выбираем /mybots

-> Из списка выбираем нужный бот

-> Bot Settings

-> Menu Button

-> Configure menu button

-> Отправляем ссылку на страницу, которая будет открываться с кнопки меню в виде мини-приложения

-> Вводим название кнопки

Готово

Видео Rutube

-> Переходим в бот @BotFather

-> Нажимаем на кнопку в левом нижнем углу и в меню выбираем /mybots

-> Из списка выбираем нужный бот

-> Bot Settings

-> Configure Mini App

-> Enable Mini App

-> Отправить ссылку сайта, которая будет открываться по кнопке в списке чатов

Готово

Делаю так, чтобы все работало. Технически грамотно настроенные воронки и работающий как ⏱ «механизм» - ключ к успеху онлайн-школы/бизнеса.

Мои контакты:

Мария Гончаренко - технический специалист, специалист и эксперт по чат-ботам с техническим опытом работы +5 лет

Telegram: @mahagonchar

Канал - портфолио: @mahagonchar_portfolio

Канал PRO ЧАТ-БОТЫ: https://t.me/maha_gonchar - полезные статьи, кейсы, разборы, всё о чат-ботах