Конструктор mini app приложений для Телеграм

Шаг 1: Создание и оформление бота в телеграм 

Перед тем, как приступить к созданию мини приложения для Телеграм, необходимо создать чат-бота используя @BotFather:

1. Запускаем бота командой /start
2. Отправляем команду /newbot
3. Отправляем имя вашего бота (имя должно содержать слово bot, например zaimyvsem_bot)
4. Если имя свободно, botfather поздравит нас и пришлет HTTP API токен, который понадобится для создания мини приложения. 

Держите свой токен в безопасности и храните его в безопасном месте . Любой может использовать его для управления вашим ботом!

Для того чтобы оформить все данные о боте необходимо перейти в Telegram в @BotFather -> выбрать в "Меню" команду /mybots -> выбрать вашего бота -> перейти в раздел Edit Bot

В данном разделе рекомендуем заполнить:

• Edit Name - изменить название бота;
• Edit About - изменить описание бота (Информация в профиле бота);
• Edit Description - изменить приветственное сообщение бота (Когда бот еще не запущен);
• Edit Description Picture - изменить приветственное изображение бота (Когда бот еще не запущен);
• Edit Botpic - изменить изображение бота (аватарка бота)

Рекомендации к картинкам в Botpic и Description Picture:

• Botpic - рекомендуем использовать квадратное изображение, т.к. горизонтальное изображение будет обрезаться по центру.
• Description Picture - изображение с размером 640х360 пикселей. Если используете gif, то 320x180, 640x360 или 960x540 пикселей

Шаг 2: Создание и оформление витрины

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

Важно: для витрин типа "виджет" в мини приложении не будет отображаться картинка, заголовок и текст преимуществ. Для витрин типа "виджет-витрина" и "сайт" в мини приложении будет отображаться картинка, заголовок и текст преимуществ.

Список офферов добавленных на витрину будет отображаться и в мини приложении телеграм. Для того, чтобы вносить изменения в список офферов в приложении, вам необходимо редактировать витрину, связанную с приложением. 

Шаг 3: Создание мини приложения

После выполнения шагов выше, чтобы создать свое мини приложение, вам необходимо перейти в раздел Вебмастеру -> Telegram MiniApp и нажать кнопку "Создать"

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

• Название приложения - используется только на Пампаду
• Витрина - выбираем витрину, которую хотим подключить к боту
• API токен Telegram - вставляем HTTP API токен, который получили при создании бота на Шаге 1.4
• Сообщение после запуска бота - укажите текст сообщения, которое получит пользователь телеграм после того, как запустит вашего бота. Поле поддерживает стандартные эмодзи, отступы и т.д. 
• Текст на кнопке - текст с призывом к запуску вашего приложения: например "Получить деньги" или "Оформить займ" 

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

Для того, чтобы завершить создание приложения, необходимо нажать кнопку "Сохранить" 

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

Статистика приложения

В личном кабинете Пампаду собирается статистика по вашему приложению, а именно информация о количестве пользователей в боте, их ID и user name. 

Все витрины, привязанные к мини приложениям отмечены в списке значком "телеграм" 

Все ссылки в мини приложениях размечены параметрами sub1=tg_miniapp и sub2=ID пользователя в телеграм.  

Посмотреть отчет по конверсиям из приложения можно в разделе "Моя статистика" срез "По sub ID" 

Для того, чтобы связать продажу и ID пользователя в телеграм используйте выгрузку отчета в csv. 

Отправка сообщений в приложение

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

Для отправки сообщения, вам необходимо указать:

• Текст сообщения - указывайте продающий текст, после которого пользователь захочет нажать на кнопку
• Текст на кнопке - укажите текст с призывом к запуску приложения. 
• Изображение - прикрепите картинку, которая будет соответствовать вашему тексту 

После отправки, пользователи получат сообщение в боте: