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

Telegram давно перестал быть просто мессенджером. Сегодня это полноценная платформа для привлечения трафика, построения воронок и продаж, в том числе через mini app приложения. Конструктор mini app для Telegram позволяет без сложной разработки создавать полноценные приложения внутри бота: подключать витрины, управлять офферами, собирать статистику и выстраивать взаимодействие с пользователями в привычном для них интерфейсе. В этой статье подробно разберём, как работает конструктор mini app приложений, какие возможности он даёт и как шаг за шагом запустить своё приложение в Telegram — от создания бота до анализа результатов.

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

Перед тем как приступить к созданию мини-приложения в Telegram, необходимо создать чат-бота. Бот является основой всей дальнейшей работы: именно через него пользователь будет взаимодействовать с мини-приложением, получать сообщения и переходить на витрину с офферами. Для создания бота используется официальный сервис Telegram — @BotFather, предназначенный для управления и администрирования всех ботов на платформе:

1) Первым действием необходимо запустить BotFather. Для этого откройте диалог с @BotFather и отправьте команду /start. Эта команда активирует бота и позволяет ему начать принимать служебные команды. После её выполнения BotFather выводит приветственное сообщение и становится готовым к созданию нового бота.

2) Следующим шагом отправляется команда /newbot. Данная команда сообщает BotFather, что вы хотите создать нового чат-бота. После этого BotFather запускает пошаговый процесс создания и предлагает указать имя будущего бота. На этом этапе важно внимательно отнестись к выбору имени, так как оно будет использоваться как публичный username бота в Telegram.

3) Имя бота должно быть уникальным и обязательно содержать слово bot — это требование Telegram. Если имя уже занято, BotFather не позволит завершить создание и попросит ввести другое. В качестве примера корректного имени можно использовать zaimyvsem_bot. Рекомендуется выбирать имя, которое логически связано с тематикой проекта или продукта, чтобы пользователю сразу было понятно назначение бота.

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

Важно понимать, что HTTP API токен даёт полный контроль над ботом. Любой человек, получивший этот токен, сможет управлять ботом, отправлять сообщения пользователям и изменять его поведение. Поэтому токен необходимо хранить в безопасном месте, не передавать третьим лицам и не публиковать в открытых источниках. На этом этапе создание бота завершено, и он готов к дальнейшему оформлению и подключению мини-приложения.

Для корректного и полноценного оформления бота необходимо перейти в настройки управления через Telegram. Для этого откройте диалог с @BotFather, затем нажмите кнопку «Меню», выберите команду /mybots, после чего укажите нужного бота из списка созданных. Далее перейдите в раздел Edit Bot — именно здесь настраивается вся публичная информация, которую видят пользователи при первом знакомстве с ботом:

1) В разделе Edit Name настраивается отображаемое название бота. Это имя показывается в профиле бота и формирует первое впечатление у пользователя. Рекомендуется использовать понятное, читаемое название, которое отражает суть сервиса или продукта. Хорошо подобранное название повышает доверие и помогает пользователю быстрее понять, для чего предназначен бот.

2) Пункт Edit About отвечает за краткое описание бота. Этот текст отображается в профиле и служит своего рода аннотацией. Здесь стоит в нескольких предложениях объяснить, какую пользу получает пользователь, запуская бота. Описание должно быть ёмким, конкретным и без лишних формулировок, так как именно этот блок часто читается перед принятием решения о взаимодействии с ботом.

3) Раздел Edit Description предназначен для приветственного сообщения, которое пользователь видит до первого запуска бота. Это один из ключевых элементов коммуникации: он задаёт тон взаимодействия и подготавливает пользователя к дальнейшим действиям. В приветственном тексте рекомендуется кратко описать функциональность бота, обозначить основное предложение и, при необходимости, дать инструкцию, что произойдёт после запуска.

4) В разделе Edit Description Picture настраивается приветственное изображение, которое отображается вместе с описанием до запуска бота. Это изображение усиливает текст и помогает визуально донести ценность предложения. Картинка должна быть понятной, не перегруженной деталями и соответствовать тематике бота. Telegram рекомендует использовать изображения размером 640×360 пикселей. Если используется GIF-анимация, допустимые размеры — 320×180, 640×360 или 960×540 пикселей.

5) Пункт Edit Botpic отвечает за аватар бота — изображение, которое пользователи видят в списке чатов и в профиле. Аватар является важным визуальным элементом, по которому бот быстро узнаётся. Для корректного отображения рекомендуется использовать квадратное изображение, так как горизонтальные картинки автоматически обрезаются по центру, что может привести к потере важных элементов дизайна.

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

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

Для создания mini app приложения в Telegram необходимо заранее подготовить витрину. Витрина является ключевым элементом приложения, так как именно она определяет, какой контент и какие офферы будут показаны пользователю внутри мини-приложения. Без созданной витрины подключение и корректная работа приложения невозможны, поэтому данный этап следует выполнить до начала настройки mini app. Подробная инструкция по созданию витрины описана в отдельной статье, к которой рекомендуется обратиться перед продолжением работы - Виджеты и витрины для продажи банковских продуктов.

При выборе типа витрины важно учитывать особенности её отображения внутри мини-приложения. Если используется витрина типа «виджет», в mini app не будут отображаться изображение, заголовок и текст преимуществ. Такой формат подходит для минималистичных решений, где основной упор делается исключительно на список предложений. Витрины типа «виджет-витрина» и «сайт», напротив, позволяют полноценно представить оффер: в мини-приложении будут отображаться изображение, заголовок и текст преимуществ, что делает интерфейс более информативным и визуально привлекательным для пользователя.

Все офферы, которые добавлены на витрину, автоматически отображаются и в mini app приложении Telegram. Мини-приложение всегда подтягивает актуальную версию витрины, поэтому отдельной настройки списка офферов внутри приложения не требуется. Это позволяет централизованно управлять контентом и быстро вносить изменения без повторной настройки приложения.

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

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

После выполнения всех предыдущих шагов, включая создание бота и подготовку витрины, можно переходить непосредственно к созданию mini app приложения. Для этого необходимо зайти в личный кабинет и перейти в раздел «Вебмастеру → Telegram MiniApp», после чего нажать кнопку «Создать». Данное действие откроет конструктор мини-приложений, в котором производится вся основная настройка и привязка приложения к боту.

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

1) Поле «Название приложения» используется исключительно внутри системы Пампаду и предназначено для вашего удобства. Это название не отображается пользователям Telegram, поэтому здесь можно указать любое понятное внутреннее обозначение, которое поможет отличать одно приложение от другого при работе с несколькими проектами.

2) В поле «Витрина» необходимо выбрать витрину, которую вы планируете подключить к данному боту. Именно выбранная витрина будет отображаться внутри mini app и определять набор офферов, визуальное оформление и структуру контента. Важно убедиться, что витрина создана заранее и соответствует задачам текущего приложения, так как все изменения в ней напрямую отражаются в mini app.

3) Поле «API токен Telegram» предназначено для ввода HTTP API токена, полученного при создании бота. Этот токен используется для связи мини-приложения с конкретным Telegram-ботом и является обязательным для корректной работы приложения. Вставлять необходимо именно тот токен, который был выдан BotFather на этапе создания бота.

4) В разделе «Сообщение после запуска бота» указывается текст, который пользователь получит сразу после того, как запустит вашего бота в Telegram. Это сообщение играет важную роль, так как формирует первое впечатление и подталкивает пользователя к дальнейшему действию. Поле поддерживает стандартные эмодзи, переносы строк и форматирование, что позволяет сделать сообщение более живым, структурированным и понятным.

5) Поле «Текст на кнопке» отвечает за подпись кнопки, с помощью которой пользователь запускает мини-приложение. Здесь рекомендуется использовать чёткий и мотивирующий призыв к действию, например «Получить деньги», «Оформить займ» или «Посмотреть предложения». От формулировки текста на кнопке напрямую зависит кликабельность и вовлечённость пользователей.

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

Для завершения создания mini app приложения необходимо нажать кнопку «Сохранить». После сохранения приложение будет создано и привязано к выбранному боту и витрине.

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

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

В личном кабинете Пампаду автоматически собирается статистика по каждому созданному mini app приложению. Данная статистика позволяет отслеживать ключевые показатели работы приложения и понимать, как пользователи взаимодействуют с ботом. В интерфейсе отображается информация о количестве пользователей, которые запустили бота, а также их Telegram ID и username. Эти данные используются для аналитики, оптимизации воронки и последующей работы с аудиторией.

Для удобства навигации все витрины, которые привязаны к mini app приложениям, помечаются в списке специальным значком Telegram. Это позволяет быстро определить, какие витрины используются в мини-приложениях, и избежать ошибок при редактировании или подключении новых офферов.

Все ссылки, открываемые пользователями внутри mini app приложения, автоматически размечаются трекинговыми параметрами. В качестве первого параметра используется sub1=tg_miniapp, который указывает источник трафика — мини-приложение Telegram. В параметр sub2 передаётся уникальный ID пользователя Telegram, что позволяет отслеживать действия конкретных пользователей и связывать их с последующими событиями, включая заявки и продажи.

Для анализа эффективности приложения и оценки конверсий необходимо перейти в раздел «Моя статистика» и использовать срез «По sub ID». В этом отчёте отображается информация о результатах трафика, поступающего из mini app, что позволяет оценить качество аудитории, работу офферов и общую эффективность приложения.

Чтобы связать конкретную продажу с Telegram-пользователем, рекомендуется использовать выгрузку отчётов в формате CSV. Такой формат позволяет сопоставить данные по конверсиям с переданными sub-параметрами и Telegram ID пользователей. Это особенно полезно для глубокой аналитики, построения сегментов аудитории и последующей оптимизации рекламных и коммуникационных сценариев.

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

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

1) При создании рассылки в первую очередь необходимо указать текст сообщения. Важно использовать понятный, логичный и продающий текст, который сразу доносит ценность предложения и мотивирует пользователя совершить действие. Сообщение должно быть кратким, но при этом информативным, без перегруженных формулировок. Рекомендуется делать акцент на выгоде для пользователя и логично подводить его к нажатию на кнопку.

2) Следующим элементом является текст на кнопке. Кнопка служит прямым призывом к действию и запускает мини-приложение. Формулировка должна быть простой и однозначной, чтобы пользователь сразу понимал, что произойдёт после нажатия. Чёткий и понятный текст на кнопке значительно повышает кликабельность и снижает количество отказов.

3) Дополнительно к тексту сообщения можно прикрепить изображение. Картинка должна визуально поддерживать смысл сообщения и усиливать его восприятие. Изображение помогает быстрее привлечь внимание пользователя в чате и делает сообщение более заметным на фоне других диалогов. При выборе изображения важно, чтобы оно соответствовало тематике предложения и не вводило пользователя в заблуждение.

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