Курс по созданию Mini Aps приложений в Telegram [Полная инструкция без программирования]

В этой статье поговорим про создание приложений для Telegram, или они ещё называются «Telegram Mini Apps». Без навыков программирования. Ты узнаешь, как создать для услуг, для товаров, для интернет-магазина.

Что для этого понадобиться? Первое, что понадобиться для того, чтобы создать мини-приложение в Telegram, — это бот, который называется «Бот-Father».

Для этого переходим в «Бот-Father», нажимаем кнопку «New-Bot», который находится в командах и вводим название нашего будущего бота, которого к примеру назовём «Тестовый Бот для видео».

Далее создаём ссылку для нашего бота, которая заканчивается на бот либо на _ бота.

Дальше бот прислал сообщение, в котором есть

«АPI-Ключ» его необходимо скопировать.

После переходим в конструктор мини приложений. Ссылку на конструктор Вы сможете найти у меня в Telegram-канале:

Который позволяет создавать приложения без использования программирования.

Даже не зная код можно самостоятельно создать приложение. Для этого нажимаем кнопку «Создать».

Вводим наш API-Ключ, нажимаем кнопку «Подключить».

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

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

Для этого создаем «Main карту» в которой прописываются основные типы приложений.

Самое простое, что можно сделать в этом приложении, — это создать одностраничный Landing. Что можно добавить в «Mini landing»? Услуги, которые будут видеть клиенты. Какие услуги оказываете, описание ваших услуг и полный кейс и т.д.

Здесь по факту одна страница. Что можно сделать ещё? Как можно усовершенствовать «Minilanding»?

Можно сделать цепочку страниц

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

На данный момент. Так как это приложение-тренд, то открытие этих приложений будет сильно выше, чем открытие ботов.

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

Что такое воронка продаж? Это путь вашего клиента от первого касания до покупки и дальнейшее взаимодействие с ним.

Повторные продажи, продажи услуг. Это так же является Воронкой. Образовывалась цепочка страниц. Так же можно создать полноценный интернет-магазин. В чем основная разница? В том, что здесь в основном Landing — это цепочка сообщений, в котором по факту есть только один продукт. К этому продукту ведет Landing и вся цепочка продаж. В интернет-магазине можно создать несколько продуктов.

И более того, можно продукты разбивать на категории. Тек же, как и в Landing-цепочке страниц. Можно создать оплату, подключить ваш эквайринг, например, «Тинькофф» или «Telegram pay» можно подключить и принимать оплату внутри приложения. В чем ещё есть разница? Несколько продуктов, каталог товаров, блог, на который можно писать новости, уведомлять потенциальных покупателей.

В чем главный плюс делать интернет-магазин в приложения «Telegram»? В том, что, если вы будите делать интернет-магазин на каком-то конструкторе. В первую очередь нужно собрать базу ваших клиентов. Для того чтобы собрать базу клиентов, людям необходимо заполнить форму, вставить номер телефона и т. д.

И только потом они появляются в вашей базе. Сделать связку с «CRM системой».

В приложении «Telegram» делать этого не нужно, потому что у вас есть бот, в который входят пользователи, и они уже автоматически находятся в вашей базе.

Четвертый вид. Можно создать услуги с записями.

Это подходит для Бьюти сферы. Есть каталог услуг, а также можно записывать клиентов. Есть каталог специалистов, и вы так же можете его настроить. Каждому специалисту можно настроить отдельную страницу.

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

Что можно сделать? Помимо этого?

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

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

Открываем приложение, которое было заранее создано. Заходим в список приложений.

Переходим в приложение в «SMMменеджер» посмотрим какие разделы здесь есть:

· Дашборд

· Истории изменений

· Изменение оформлений

· Замена настроек

Так же есть раздел страницы, в которые можно добавлять свои страницы.

Можно менять навигационное меню, потому что в дальнейшем можно добавлять на свою страницу.

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

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

Так же есть категория статьи геймификации. В геймификации, в которой можно настраивать награды, секретные коды, реферальную систему и реферальные бонусы.

Еще есть

Разберем раздел «Страницы».

Человек заходит в мобильное приложение с помощь бота, нажимает кнопку «Кабинет» и переходит в ваше приложение. Вот так это выглядит в данный момент.

Давайте его отредактируем. Заходим «Home page» и создаем приложение. Для этого переходим «Home page» нажимаем кнопку «Редактировать», «Оформление», «Действие» и т.д.

Есть «+» которым можно добавлять контейнеры.

Так же можно добавить элементы. Нажимаем кнопку «Добавить элемент».

И мы здесь можем написать «Рады видеть вас в приложении» и этот текст отправит в наши кейсы. Для этого нажимаем «+» добавляем элемент с текстом наши кейсы и вставляем.

Можно изменить размер текста:

· Жирным

· Под углом

· С подчеркиванием

· Зачеркнутым

· В качестве кода и т.д.

Можно добавить в этот текст

· Ссылку

· Видео

· Аудио

· Кнопу

· Мероприятия

· Статьи

· Новости

· Поиск баланса

· Комментарий

· Меню и т.д.

Добавляем самое простое изображение.

Например «Картошка большая».

Добавляем элемент «Кнопка». Создаем страницы. Нажимаем кнопку

«Сохранить». Пока страница не сохранена, мы не добавляем другую.

Для того чтобы создать еще одну страницу, необходимо перейти в раздел страницы. Добавляем новую станицу. Нажимаем название «2» добавляем элемент.

Текст например «Картошка по-деревенски». Добавляем элемент «Изображение».

Можно добавить еще «Кнопку», например, «Вернуть обратно» Выполняем действие. Открываем страницу. Для этого создаем новое действие

Нажимаем кнопку «Сохранить» страница опубликована. Переходим в раздел страниц «Homepage». Создаем новое «Действие», которое будет открывать страницу. Выбираем страницу с названием «2» нажимаем кнопку «Сохранить».

Можно создавать много страниц, переключатся между ними, как вам удобно. Создавать геймификации, создавать интерактивные сериалы и т.д. Создавать интерактивную воронку продаж, которая будет менятся в зависимости от того, какую кнопку нажать. В зависимости, что больше нравиться-«Картошка по-деревенски» или «Картошка фри» стандартная. Выбираем две кнопки и к каждой кнопки привязывайте любую страницу. Посмотрим, как будет выглядеть приложение. Переходим в «Telеgram» открываем кабинет, видим главную страницу.

Переходим к следующей странице,

Можем вернутся. И переключатся между страницами.

Что важно для создания интернет-магазина? Например, подключить оплату. Что для этого нужно?

Переходим в раздел финансы. Выбираем методы оплаты.

Для того чтобы подключить ваш кошелек к методу оплаты, нажимаем кнопку «Добавить метод оплаты». Метод оплаты можно самостоятельно подключить.

· Produmus

· YooKassa

· Cloud Payments

· Pay Selection и т.д.

Выбираем страну. Вставляем аккаунт ID, секретный ключ, согласие с офертой. Нажимаем кнопку «Создать».

После этого подключается способ оплаты.

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

Для этого заходим в продукты.

Еще раз удалим, затем добавим категорию и назовем ее «Вкусно и точка», вставляем изображение.

Но, кстати, не обязательно вставлять изображение.

Выгружаем «Большую картошку».

Нажимаем кнопку «Сохранить». Далее добавляем категорию, например «Картошка».

Затем добавляем изображение второй «Картошки» и «Сохраняем».

Далее заходим в раздел продуктов и добавляем продукт. Для этого меняем название «Картошка фри» и вставляем изображение «Картошка фри». Так же меняем «Материальный» или «Нематериальный».

Оставляем «Материальный». Вставляем категории «Вкусно и Точка» «Продукты».

Так же можем

· Менять стоимость (цена за ед. 150руб)

· Подставлять валюту

· Менять метод оплаты

· Показывать цену

Если продаём обучения, у которых ограниченное время доступа, то можно менять время доступа.

Если у товара есть:

· Вес

· Размер

· Высота

· Ширина

· Глубина

Нужно подставлять эти данные для работы с посылками. Эти данные важны для того, чтобы подключить доставку, отправлять товары, правильно рассчитать стоимость доставки.

В связанные продукты можно подключить «Картошку по-Деревенски» вписать дополнительные данные и вставить форму. Всё опубликовываем.

Ещё раз. Форма записи для обучения. Запись на стрижку. Форма подставлена.

Нажимаем кнопку «Опубликовать» добавляем продукт «Картошка по-Деревенски» она была уже создана. Нажимаем кнопку «Назад» продолжаем.

Дальше отредактируем текст и добавим категорию с продуктом.

Материальная сторона «Вкусно и точка» в категории картошка.

Для большего разнообразия помимо картошки добавим «Биг Хит Комбо».

Опять же у нас материальная, и категория «Вкусно и точка» Цена за одну единицу-300 рублей. И опубликовываем.

Заходим в категорию продукты. На главной странице находится обычно «Картошка». Можно добавить элемент продукты.

И добавить сюда исключительно ваш объект «Картошка фри».

Все добавляете, ограничиваете количество до одного. Переходим к управлению. Входим на главную страницу, заходим «Home page» меняем «Картошку фри» всё, страница готова.

Теперь заходим в приложение, нажимаем кнопку «Вернутся». На странице видим «Картошку фри».

Вы можете нажать кнопку «Купить» перейти в «Корзину» и ваш клиент может оплатить.

После этого перейдём на страницу оплат. Где вы будите видеть клиентов, которые у вас покупали и заходили в бот и т.д.

Для этого заходим в режим разработки раздел «Администрирования». Видим участников, видим диалоги с клиентами, баланс, задачи для клиентов.

Подключаем контакт, выбираем исполнителя, создаём задачу.

Использовать «CRM-систему» в этом приложении тоже можно. Создаём рассылку. Пишем любое название через бот для участников. Вставляем текст (рассылка) нажимаем кнопку сохранить и отправляем название «1».

Теперь если можно заметить у нас бот, заходим в «Telegram» видим рассылку.

Мы можем отправлять клиентам рассылки, которые есть в приложении. Если у вас не интернет-магазин, а салон красоты или барбершоп, то что должно бронировать места. Для этого возвращаемся в режим «Разработчик». Создаём форму для записи. Для этого переходим в раздел «Форма» обратной связи и нажимаем кнопку добавить «Форму» обратной связи.

Выбираем элемент, например: «Текст». Копируем имя. В подсказке вставляем надпись внутри поля. Значение по умолчанию записываем в поле имя. Нажимаем кнопку «Сохранить».

Далее добавляем дату, время и обязательно добавляем кнопку «Записаться». Отправляем форму и сохраняем.

Далее редактируем кнопку, нажимаем «Сохранить» и отправляем форму.

Можем отправлять рассылку. Выбрать тип действия, отправлять оповещение инициатору. Жмём кнопку «Сохранить» и отправляем оповещение.

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

Рекомендую вам самостоятельно посмотреть, какие здесь есть действия, какие есть блоки при создании сайтов. Разбирать всё это времени не хватит. Для этого нужен большой отдельный курс. Отдельно я его выпущу. Обязательно подписывайтесь на «Telegram» канал. Я отправил ссылку на это приложение, при помощи которого все это создается. А также новости, которыми я делюсь.

Далее, что можно делать? Создавать «Кнопку». Можем записывать действе в «Поле». Где эти поля создавать?

Нажимаем кнопку «Сохранить». Где можно найти дополнительные поля? Заходим в участников кастомизации. Еще раз создаем поле. Называем это поле «Время записи 1». Тип поля-«Время» тип доступа-«Открытый». Разрешить изменения. Жмем кнопку «Сохранить».

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

· Страницами

· Продуктами

· Участниками

· Оплатой

Может, кто-то захочет создать статьи. То есть можно добавить какую-то статью. Добавляем элемент текст.

Набираем текст, например, «Я родился». Прикладываем фотографию «Лунтика»

Дальше статьи будут обновляется на главной странице. Заходим на страницу, заходим в «Homepage». Удаляем продукт.

Добавляем «Контейнер» нажимаем кнопку «+».

Опубликовываем статьи.

Выбираем объекты: первая статья, вторая статья. После этого всё автоматически подтянется.

Заходим в «Telegram» еще раз. Следующая страница. Вернутся и появляются две статьи.

Статьи можно прочесть, ниже может быть ваше описание.

И статья вторая.

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

Статьи можете дополнительно самостоятельно добавлять. По мимо есть геймификация, где можно создать собственную игру. Создадим тапл. Изображение не обязательно. И тип онлайн механика здесь есть.

· Кликер

· Задачи

· Случайность

· Соревнование

· Достижения

Создадим «Кликер». Обязательно выбираем, когда он начинается и когда заканчивается. Выбираем начало 01.09. и создаём.

На что будет влиять? Влияет на переменную. Либо выбираем баланс. Если человек заходит каждый день, он может «Накликать» бонусные рубли, которыми можно оплатить ваши товары. То есть объект бонусные рубли. Эффект при клике увеличен. Нажимаем кнопку «Создать» и Кликер создан. Теперь можем:

· Добавлять Брустер

· Отправлять уведомление

· Добавлять значки

· Задачи

· Игроки

· Уровни и т д

Во всём этом можно самостоятельно разобраться.

Ссылка на описание приложения будет в «Telegram-канал».

Посмотрим, как будет выглядеть игра. Убираем картошку, удаляем контейнер.

Добавим контейнер, в который добавим игру.

Игра выглядит так:

Выбираем тапалка, ограничиваем количество игроков до одного. Переходим к управлению. Заходим в «Telegram» нажимаем кнопку «Назад». Есть статьи тапалка на которые можем нажимать и накликивать. На бургер.

Для кого-то будет эффектом, что смог создать тапалку. На самом деле всё можно сделать самостоятельно. Это всё просто. Самое главное-открыть приложение, попробовать поискать, сделать для интернет-магазина, салона красоты, онлайн-школы для чего угодно. Пробуйте, делайте. Если вам кажется, что это сложно, пишите в мой «Telegram-канал» рад буду посотрудничать.