А чё так можно было?.. Или как настроить оплату в мини-приложении Telegram для бизнеса без границ и ограничений + геймификация и digital маркетинг [ пошаговая инструкция | реальный кейс ]
❓От заказчика поступил запрос:
реализовать осуществление платежей без прямой интеграции с платежными системами, то есть покупатели должны иметь возможность оплачивать товар, даже если к приложению не подключён ни один платежный сервис.
🫣 Первая мысль: «Как это вообще возможно? Без API интеграции? Платежи? А каким образом тогда?..»
🤔 Но опыт уже подсказывает: ничего решать сразу не нужно, не знаешь ответ сейчас - отложи на время.
Начал разбираться в вопросе — и понял, что всё гениальное действительно просто. Ответ лежит прямо на поверхности.
Хочу поделиться этим решением, потому что оно может быть полезным для многих бизнесов, особенно в сфере e-commerce и любых онлайн продаж.
😉 А ещё в качестве спойлера, предлагаемый вариант не только помогает технически решать вопрос оплаты товаров, но и открывает неограниченные возможности для геймификации продаж и digital маркетинговых стратегий...
🤫 Проект пока ещё в стадии разработки, поэтому не могу разглашать данные заказчика и бренда. Но, если всё пойдёт как надо, по завершении смогу рассказать подробнее обо всём кейсе, поэтому подписывайтесь и следите за публикациями.
🧭 НАВИГАЦИЯ
Традиционно для удобства читателей предусмотрел интерактивное оглавление, с помощью которого можно быстро и удобно перемещаться по всей публикации и ознакомиться с её содержанием.
Дополнительно:
3. EGGENCY
4. Unitee Space
1 Текущий баланс пользователя — отображает сумму средств на аккаунте в валюте USD. Этот элемент помогает пользователю оперативно узнать, сколько денег доступно для использования.
🔴 Важно понять, что это именно внутренний баланс мини-приложения, который напрямую не связан ни с какими платежными системами. Другими словами тот баланс, который создается разработчиками локально в мини-приложении.
2 Информация о последнем платеже — показывает сумму последнего произведенного платежа.
3 Последний кэшбэк — отображает сумму вознаграждения, полученного в виде кэшбэка за последнее пополнение баланса.
В данном конкретном случае, это бонус в виде 3 % за то, что пользователь пополняет своими реальными денежными средствами внутренний баланс приложения.
🟢 И тут сразу обращаю внимание, что внутренний баланс приложения весьма удобен для любой бонусной активности, реферальной программы и всевозможной геймификации продаж. Мы даем пользователю выгоду, мотивирующую его использовать мини-приложение. Например, товар на сайте компании и в мини-приложении стоят одинаково, однако покупая его в мини-приложении через пополнение внутреннего баланса, он получает бонус/скидку в виде 3 % от зачисленной суммы, которую он кстати тоже может использовать только при покупках в мини-приложении. Если только не предусмотреть варианты вывода денег с внутреннего баланса. Это возможно, но зачем?..
Есть смысл всячески стимулировать клиента становиться постоянным и использовать мини-приложение для покупок и дальнейшего накопления дополнительных бонусов.
4 Кнопка пополнения баланса — позволяет пользователю быстро внести средства на свой счет. Она обеспечивает легкий доступ к функции пополнения прямо из интерфейса профиля.
Нажимаем её и переходим на следующий шаг.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Поле для ввода суммы — пользователь вводит желаемую сумму в USD, которую он хочет зачислить на внутренний баланс. Это поле обеспечивает точность транзакции, так как позволяет вручную задать необходимую сумму.
2 Кнопка "Continue" — подтверждает введенную сумму и переводит пользователя на следующий этап оформления платежа.
Тут всё логично и понятно, пользователь сам определяет сумму, которую хочет зачислить на внутренний баланс мини-приложения.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Выбор метода оплаты — пользователь отмечает желаемый способ оплаты, в данном случае это один метод - "Cash App pay" (платежный сервис).
На самом деле, здесь может быть сколько угодно методов оплаты: Сбер, Т-банк, крипта... Да что угодно!
🟢 Главное, чтобы это была реально существующая и функционирующая система платежей, в которой есть аккаунты у плательщика и получателя платежа. Чтобы можно было осуществить платеж внутри этого сервиса.
❗Другими словами, реальная транзакция осуществляется НЕ в мини-приложении, а в выбранном из предложенного перечня в приложении плательщиком внешнем платежном сервисе.
На странице также отображаются:
🔹 Общая сумма пополнения — подтверждает итоговую сумму в реальных USD, которую пользователь будет зачислять на внутренний баланс мини-приложения.
🔹 Кнопка "Submit for approval" — завершает процесс оформления и отправляет запрос на подтверждение платежа, но до отправки нам надо детальней разобраться как это работает, поэтому идем на следующий шаг.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Информация о процессе — текстовые инструкции, которые поясняют пользователю, как корректно совершить транзакцию. В этих инструкция может быть подробно описан любой существующий вариант оплаты, через любой платежный сервис. Также для удобства номера счетов, телефонов, никнэймы и любые другие платежные реквизиты могут быть реализованы в виде кликабельного текста, отдельных ссылок или QR-кодов.
Ниже приведу пример такого описания ⬇
2 Кнопка "Выбор файла" — позволяет пользователю загрузить файл для подтверждения оплаты. Например, это может быть скриншот чека или подтверждение перевода, которые являются результатом выполненной инструкции.
Другими словами, в мини-приложение пользователь (плательщик) лишь загружает файл или скриншот чека или другого платежного документа, подтверждающего совершенную транзакцию, которая отправляется на верификацию менеджеру или другому уполномоченному лицу, отслеживающему этот процесс.
❗Без прикрепленного файла, продолжить процесс не получится. Система не даст этого сделать.
3 Поле для комментария — пользователь может добавить дополнительную информацию или примечания, связанные с платежом.
Это может быть любое текстовое сообщение, которое плательщик посчитает нужным сообщить одновременно с отправлением документа, подтверждающего произведенную оплату.
4 Согласие с условиями оферты ("I agree to the offer") — обязательный чекбокс для подтверждения согласия с правилами использования сервиса перед завершением операции.
Это опциональная история. Если в ней есть необходимость, чтобы о чем-то отдельно предупредить плательщика, то без ознакомления с ней, также отправку данных произвести не получится.
5 Кнопка "Submit for approval" — отправляет данные на проверку модератору/менеджеру для подтверждения платежа.
Пример оплаты через Cash App Pay с вымышленными данными:
Инструкция по оплате через Cash App Pay
1 Откройте приложение Cash App на вашем устройстве.
2 Перейдите в раздел "Pay" (Оплатить).
3 Введите следующие данные:
- Сумма перевода: 100 USD
- Получатель: $TestCompany123
- Примечание (Memo): "Пополнение баланса User123 в мини-приложении Telegram"
4 Проверьте данные и нажмите кнопку "Pay" для подтверждения платежа.
5 После успешной транзакции сделайте скриншот экрана с подтверждением платежа (например, с ID транзакции и суммой).
Дальнейшие шаги в мини-приложении Telegram:
- Загрузите скриншот через кнопку "Выбор файла" в приложении.
- Добавьте в комментарии дополнительные данные (например, "Транзакция выполнена через Cash App Pay. ID: A123B456, 07.12.2024, 16:00").
- Поставьте галочку для согласия с условиями (I agree to the offer) и нажмите "Submit for approval".
Примечание:
- Проверка транзакции займет до 24 часов.
- Если вы ошиблись с суммой или указали неверные данные, свяжитесь с поддержкой через раздел Contacts.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Название раздела ("Payment Terms and Conditions") — заголовок, который акцентирует внимание пользователя на правилах оплаты.
В содержании данного раздела указывается:
- Доступные способы оплаты (например, Cash App Pay, банковский перевод и другие). Это помогает пользователю выбрать наиболее удобный метод.
- Контактные данные для уточнения информации или решения вопросов по платежам.
- Информация о подтверждении транзакции: пользователю необходимо загрузить подтверждающий документ (скриншот или файл), чтобы завершить процесс обработки платежа.
Этот раздел является важным элементом взаимодействия с пользователем (плательщиком), так как обеспечивает прозрачность процесса оплаты и помогает избежать возможных недоразумений. Наличие четких условий повышает доверие к сервису и упрощает выполнение транзакций.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Чекбокс "I agree to the offer" — пользователь должен поставить галочку, подтверждая согласие с условиями оферты перед отправкой данных на проверку. Этот шаг является обязательным для совершения процедуры проведения платежа и отправки его на подтверждение.
1 Кнопка "Выбор файла" — пользователь загружает файл с подтверждением оплаты (например, скриншот чека), отображается название файла, в данном случае "Скриншот...095557.jpg". Это может быть как скриншот, так и сохраненный в памяти устройства файл.
2 Поле "Commentary" — возможность добавить текстовый комментарий к загруженному файлу. Пользователь ввел пример комментария: "Test". Это полезно для уточнения деталей платежа или добавления комментариев о транзакции.
3 Кнопка "Submit for approval" — завершение процесса подтверждения. После нажатия данные отправляются на проверку, чтобы администрация сервиса могла подтвердить совершенную транзакцию и одобрить пополнение внутреннего баланса пользователя в мини-приложении.
1 Информация о платеже — отображается сумма платежа (100 USD), которая находится в процессе подтверждения. Этот статус дает понять пользователю, что платеж принят в обработку и будет проверен.
2 Текущий баланс пользователя — баланс остается неизменным (0 USD), пока транзакция не будет подтверждена. Это помогает пользователю увидеть, что зачисление средств произойдет только после успешной проверки.
Текст также уведомляет пользователя, что процесс подтверждения требует времени, и сервис отправит уведомление после зачисления средств.
Использование таких наглядных и подробных описаний делает процесс прозрачным для пользователей, исключая возможные вопросы о статусе их транзакции. Уведомления и четкие указания помогают формировать доверие к сервису и упрощают пользовательский опыт в мини-приложении.
1 Текущий баланс — отображает сумму средств на счету пользователя (0 USD). Баланс остается неизменным до завершения подтверждения транзакции.
2 Последний платеж ("Your last payment") — показывает сумму последнего платежа (100 USD) и статус "waiting confirmation" (ожидание подтверждения). Это уведомляет пользователя, что транзакция обрабатывается.
3 Последний кэшбэк ("Your last cashback") — отображает сумму последнего начисленного кэшбэка (3 USD) со статусом "waiting confirmation". Этот элемент информирует, что кэшбэк будет зачислен после проверки.
На этом пользовательская часть пути совершения действий по пополнению баланса закончена.
Дальше мы посмотрим как осуществляется модерация и подтверждение отправленного запроса.
Сообщение приходит в чат-бот, к которому подключено мини-приложение. Таким образом мини-приложение и чат-бот работают в связке, эффективно взаимодополняя друг друга.
1 Информация о запросе — содержится ID пользователя, запросившего пополнение баланса, его данные, сумма платежа (100 USD). Это позволяет модератору четко идентифицировать операцию.
2 Кнопка "Open invoice" — служит для открытия счета или более детальной информации о транзакции. Эта кнопка позволяет модератору проверить дополнительные данные перед подтверждением или отклонением платежа.
Такие уведомления в чат-боте упрощают процесс обработки платежей, предоставляя модератору удобный и структурированный доступ к информации.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Информация о счете-фактуре — содержит номер счета (#126), дату и время оформления, а также сумму платежа (100 USD). Это помогает идентифицировать конкретный платеж.
2 Ссылка на подтверждающий чек — модератор может открыть загруженный пользователем документ, подтверждающий факт оплаты. Это важный этап проверки, чтобы убедиться в корректности данных, потому что там может быть какой угодно файл как прикрепленный по ошибке, так и со злым умыслом.
❗В любом случае, необходимо провести сверку с данными из аккаунта соответствующей платежной системы (сервиса), чтобы исключить мошенничество и ошибки.
Тем более, что время на валидацию указано в описании платежа и оферте, с которой пользователь соглашается перед отправкой данных о платеже.
3 Комментарий — отображается текст, который пользователь добавил во время отправки данных (в данном случае "Test"). Это может быть полезно для уточнения деталей.
4 Кнопки управления ("Закрыть" и "Утвердить") — позволяют модератору либо закрыть окно без действий, либо подтвердить выполнение транзакции, что приведет к зачислению средств на баланс пользователя.
❗ Также у модератора всегда есть возможность связаться с пользователем, так как в системе есть его контактные данные, в первую очередь в Telegram, либо через канал чат-бота, либо в личку.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Иконки чатов — позволяет перейти к переписке с пользователем напрямую из CRM как в боте, так и в личку. Это упрощает коммуникацию и ускоряет процесс решения вопросов.
2 Вкладки управления — содержат разделы для работы с данными пользователя:
- Информация: основные данные о пользователе, включая email, пол, дату рождения, страну и язык.
- Группы: список групп, к которым принадлежит пользователь.
- Переменные: пользовательские данные для персонализации.
- Транзакции: история платежей и операций.
- Расписание: информация о запланированных действиях.
- Комментарии, действия, задачи: для внутреннего использования администраторами.
Такой интерфейс позволяет быстро находить необходимую информацию о пользователе, управлять его данными и взаимодействовать с ним через имеющиеся каналы связи.
После нажатия кнопки "Утвердить" модератору приходит сообщение об утверждении запроса на пополнение, а пользователю приходит уведомление о зачислении.
🟢 Изменение внутреннего баланса производится автоматически и более не требует участия модератора.
1 Ранее отправленный запрос — предыдущее сообщение с запросом на подтверждение, которое уже было обработано (описано ранее).
2 Сообщение после подтверждения — уведомление о подтвержденной транзакции. Содержит те же данные: ID пользователя, сумму пополнения (100 USD), номер заказа (#146), но теперь дополнено статусом подтверждения.
3 Комментарий пользователя — текст, который пользователь добавил при отправке запроса, например, "Комментарий: Test".
4 Комментарий к счет-фактуре — дополнительные данные, связанные с этим заказом. В данном случае комментарий не был оставлен, но в текстовом виде можно сделать любые пометки.
5 Кнопка "Open order" — предоставляет модератору возможность открыть подтвержденный заказ для просмотра всех деталей.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Текст уведомления — содержит информацию о завершении транзакции:
- Подтверждение платежа на сумму 100 USD.
- Начисление кэшбэка: 3 USD.
- Обновленный баланс пользователя: 100 USD. Это информирует пользователя о текущем статусе его счета и начисленных бонусах.
2 Кнопка "Go to profile" — предоставляет пользователю быстрый доступ к его профилю в приложении, чтобы он мог проверить обновленные данные, такие как баланс, историю транзакций или детали кэшбэка.
Нажимаем эту кнопку и переходим в личный кабинет пользователя в мини-приложении
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Текущий баланс — отображает общую сумму средств на счете пользователя, которая составляет 103 USD (100 USD платеж + 3 USD кэшбэк).
2 Последний платеж ("Your last payment") — показывает сумму последнего пополнения (100 USD) и статус "accepted", указывающий, что платеж успешно обработан.
3 Последний кэшбэк ("Your last cashback") — отображает сумму начисленного кэшбэка (3 USD) и статус "accepted", что подтверждает его зачисление.
✅💰Теперь у пользователя есть денежные средства (внутренняя валюта мини-приложения) на своем балансе и он может осуществлять покупки или иные финансовые действия.
1 Иконка "Shop" в нижнем меню — позволяет пользователю перейти в раздел магазина, где размещены эксклюзивные акции и товары. Конечно же там намного больший каталог, но сейчас это не так важно для раскрытия темы методов оплаты.
2 Блок "Special offers" — привлекает внимание пользователя к текущим предложениям с помощью яркого изображения, текста и акцентной кнопки "Learn more". Нажатие на кнопку открывает более детальную информацию о специальных предложениях.
↪ Вернуться в 🧭 НАВИГАЦИЯ
1 Карточки товаров — каждый товар отображается с указанием цены (например, 19 USD и 33 USD) и кнопкой "Buy", которая позволяет пользователю быстро добавить товар в корзину или перейти к оформлению заказа.
В верхней части экрана предусмотрены:
- Фильтры ("Functionality" и "Type") — упрощают поиск подходящих товаров, позволяя пользователю сортировать их по параметрам.
- Иконка поиска — предоставляет возможность найти товар по ключевому слову.
1 Сумма заказа — пользователь видит разбивку стоимости:
- Цена товара: 19 USD.
- Цена доставки: 5 USD.
- Итоговая сумма: 24 USD.
2 Метод оплаты — выбран способ оплаты с внутреннего баланса, текущий остаток которого составляет 103 USD.
3 Кнопка "PAY" — завершает оформление заказа. После нажатия средства списываются с внутреннего баланса пользователя, и заказ считается оплаченным.
↪ Вернуться в 🧭 НАВИГАЦИЯ
Покупка совершена
1 Текущий баланс — обновленная сумма на счете пользователя после списания средств за покупку, составляющая 79 USD. Это отражает сумму, оставшуюся после использования 24 USD на оплату заказа.
2 Последний платеж ("Your last payment") — показывает сумму предыдущего пополнения (100 USD) со статусом "accepted", подтверждающим успешное зачисление платежа, который мы как раз и рассмотрели в этой публикации.
3 Последний кэшбэк ("Your last cashback") — отображает сумму кэшбэка (3 USD) и статус "accepted", подтверждающий его начисление.
Данные изменятся в случае нового пополнения пользователем своего внутреннего баланса.
Ниже расположена кнопка "Top up your USD balance", предлагающая пользователю пополнить баланс для будущих операций.
↪ Вернуться в 🧭 НАВИГАЦИЯ
Внутренний баланс мини-приложения для маркетинговых стратегий и продвижения товаров и услуг
Использование внутреннего баланса в мини-приложениях Telegram открывает перед бизнесом уникальные возможности для продвижения и повышения лояльности клиентов. Реализация функционала внутреннего баланса позволяет пользователям хранить средства непосредственно в приложении, упрощая процесс оплаты и стимулируя повторные покупки.
Преимущества использования внутреннего баланса:
- Упрощение процесса оплаты: пользователи могут совершать покупки без необходимости вводить платежные данные при каждой транзакции, что ускоряет процесс и снижает вероятность отказа от покупки.
- Стимулирование повторных покупок: наличие средств на внутреннем балансе мотивирует клиентов возвращаться в приложение для использования оставшихся средств, повышая частоту взаимодействия с сервисом.
- Возможность внедрения программ лояльности: бизнес может начислять бонусы или кэшбэк на внутренний баланс, поощряя активных пользователей и повышая их приверженность бренду.
Геймификация и внутренний баланс
- Создание игровых механик: добавление игровых элементов, таких как ежедневные бонусы, вращение колеса фортуны или выполнение заданий за вознаграждение, делает использование внутреннего баланса увлекательным процессом. Например, ежедневное вращение рулетки, где пользователь может выиграть дополнительные средства на баланс или скидки.
- Соревнования и достижения: введение рейтингов или системы уровней, где пользователи могут зарабатывать баллы или внутриигровую валюту, которые конвертируются во внутренний баланс, стимулирует активность. Например, получение баллов за каждую покупку, которые затем можно обменять на бонусные USD в приложении.
- Механика вызовов: пользователи могут получать задания (например, пригласить друга, оставить отзыв, выполнить заказ на определенную сумму) с начислением вознаграждения на внутренний баланс.
- Использование бонусов в игровых акциях: начисленные бонусы с внутреннего баланса могут быть использованы для участия в ограниченных по времени акциях или специальных предложениях.
Внедрение геймификации, основанной на использовании внутреннего баланса, позволяет превратить взаимодействие с приложением в увлекательный процесс. Пользователь не просто покупает товар или услугу, а участвует в игре, получает награды и использует баланс для новых достижений. Такой подход увеличивает вовлеченность и укрепляет долгосрочные отношения между брендом и клиентом.
Таким образом, внутренняя валюта становится не только платежным инструментом, но и частью экосистемы, способствующей продвижению бизнеса и созданию уникального пользовательского опыта, чтобы клиенты становились постоянными и возвращались в мини-приложение снова и снова...
↪ Вернуться в 🧭 НАВИГАЦИЯ
Не могу ни упомянуть крутых ребят из креативного маркетингового агентства, с которыми реализую этот проект. Именно они и являются авторами идей, которые мне необходимо реализовывать технически.
Оставлю ссылку на их мини-приложение, если кого-то заинтересует, то смело обращайтесь. Рекомендую.
Мини-приложение в Telegram, которое выступало в качестве примера собрано без единой строчки кода на уникальном в своем роде конструкторе мини-приложений в Telegram - Unitee Space
Что тут ещё добавить - тоже рекомендую.
А если Вам будет необходима помощь в создании чат-ботов, мини-приложений или продвижении в Telegram, то пишите в личку
↪ Вернуться в 🧭 НАВИГАЦИЯ