Как сделать магазин в телеграмм
Создание Чат-Бот-Магазин в Телеграм с нуля. Часть первая
Создание «Чат-Бот-Магазин в Телеграм» начнем с разработки технического задания, без использования каких-либо шаблонов, а так по-простому, для себя.
В первую очередь давайте определимся, что по итогу мы хотим получить. Я представляю это как каталог товаров, где пользователь может ознакомиться с карточкой товара, добавить товар в корзину, и оформить покупку, не выходя из мессенджера.
Это будет бот с минимально-необходимым набором функций, для ознакомительных целей, в дальнейшем вы сможете расширить функционал бота под ваши потребности.
Наполнение контентом будем осуществлять через сам бот, для этого нам надо будет сделать систему администрирования, также организовать права доступа в админ-чат.
Сделаем возможность добавления категорий и карточек товара. Редактирование товара и категорий делать не будем, при необходимости это можно будет доработать вне рамок статей. Добавление и редактирование информации в разделе Помощь.
Разделы бота:
Теперь подробнее …
Личный кабинет.
В кабинете пользователя будут храниться личные данные необходимые для оформления покупки. Заполнение данных нужно сделать доступным как при оформлении покупки, так и просто в разделе Личного кабинета.
Каталог
Навигация по каталогу должна быть удобная и интуитивно понятная. Необходимо реализовать возможность перемещаться не только вглубь каталога, но и на шаг назад. Это также должно работать в любом другом разделе бота.
Корзина
Корзина покупателя позволяет сложить в нее интересующий товар и оформить покупку. В корзине обязательно должны быть инструменты по управлению:
Помощь
В этом разделе можно разместить информацию о магазине, службе поддержки, способы обратной связи и другое.
По мере продвижения вперед, будем в ТЗ что-то или дополнять, или исключать. Код будем писать в нашем уже известном файле index.php (это файл, на который у нас настроен webHook), познакомимся с PDO
Таблицы базы данных
Личный кабинет
Каталог
Корзина
Помощь
Структура таблиц в формате SQL
Еще будет как минимум одна таблица для промежуточной записи шагов пользователя, то есть нам нужно понимать для каких целей пришла информация от пользователя, то ли это текст для редактирования фамилии, или для раздела Помощь.
Ок, на сегодня достаточно. В следующей статье мы уже перейдем сразу к практике.
Комментарии
Авторизуйтесь через Telegram, чтобы оставить комментарий.
Откройте бот @SiteAuthBot, нажмите кнопку Старт/Start. Следуйте инструкциям бота.
Внимание!
Убедитесь, что эта страница открыта в браузере, а не в приложении Telegram. В противном случае авторизация пройдет только в приложении Telegram.
Создание Чат-Бот-Магазин в Телеграм с нуля. Часть третья
Напомню, что мы тестируем возможности Телеграм как площадку для размещения своего рода интернет-магазина, поэтому функционал представленного примера очень минимален и навигация по чат-бот-магазину представлена не самая удобная. Вы можете добавить функционал или поменять тот который приведен в примере на свое усмотрение и без каких-либо ограничений.
Интерфейс пользователя
Изменился метод первого экрана после старта бота, на экран выводим сразу информацию по наличию категорий товаров, в случае их отсутствия выводим информацию об отсутствии товара в магазине. Также перед выводом обновляем или создаем запись в базе о пользователе, далее будем пополнять или обновлять информацию по мере путешествия пользователя по чат-боту.
Просмотр категорий в пользовательской части отличается при администрировании, только отсутствием кнопок управления, а отображение товара дополнились кнопками добавления «В корзину», и если товар есть в корзине, то еще кнопкой «Перейти в корзину».
Управление корзиной
Самое интересное было это создавать управление корзиной. Необходимо было на одном экране учесть возможность:
По итогу получилось 4 ряда кнопок.
Оформление заказа
При оформлении заказа была использована та же схема, что и при добавлении в админке товара. Также записываем текущее действие для понимания в какой метод для обработки направлять данные от пользователя. Для этого было добавлено дополнительное поле action в таблице shop_bot_profile.
После прохождения пошаговой процедуры получения минимально необходимых данных от пользователя, создаем запись в таблице shop_bot_order и перекачиваем товары из корзины в связную таблицу shop_bot_order_product, эти две таблицы так же были добавлены в процессе написания этой статьи.
После того как заказ был оформлен пользователю выводим его список заказов с возможностью навигации между ними.
Подводим итоги
В итоге нам получилось добиться интерфейса пользователя с минимально необходимыми возможностями с более-менее доступной навигацией. Весь код бота вы можете скачать и использовать или менять его на свое усмотрение.
Комментарии
Авторизуйтесь через Telegram, чтобы оставить комментарий.
Откройте бот @SiteAuthBot, нажмите кнопку Старт/Start. Следуйте инструкциям бота.
Внимание!
Убедитесь, что эта страница открыта в браузере, а не в приложении Telegram. В противном случае авторизация пройдет только в приложении Telegram.
Кейс: как создать чат-бота, который будет продавать пиццу в Telegram
Недавно мы разработали чат-бота для крупной сети кафе в Беларуси “Cafe Garage”. И в этой статье мы расскажем о нюансах создания бота, принимающего заказы, о том, какие сложности возникли при создании чат-бота и как мы их решали.
Прежде чем размышлять над концепцией и механикой нового проекта, необходимо проанализировать потребности будущего клиента и сделать так, чтобы ему не понадобилось совершать много действий для того, чтобы в итоге стать клиентом.
Так перед нами появилась задача создать чат-бота, принимающего заказы, который “поселится” в мессенджере, где обитает целевая аудитория. И тем самым автоматизировать заказы и показать инновационность кафе. Будучи брендом, позиционирующим себя местом, где каждый может прийти в “Гараж” и придумать Google, для сети кафе это было верное решение.
Дальнейший шаг — это определение платформы, на которой будет работать чат-бот. Мы изучили портрет клиента: кафе ориентируется на молодых успешных и прогрессивных людей. Поэтому мы сразу определили, что это будет Telegram, так как его аудитория является нам намного ближе по роду деятельности, доходу и возрасту, чем пользователи других мессенджеров.
С технической точки зрения Telegram также удовлетворил — в этом мессенджере присутствует необходимый функционал для создания такого чат-бота.
Главная цель — это добиться того, чтобы клиент смог быстро заказать еду буквально в несколько кликов.
И первая проблема заключалась в том, что меню у кафе отличается разнообразием и количеством позиций, и, чтобы просмотреть все категории блюд, необходимо совершить несколько десятков нажатий.
Решение: наш бот будет предлагать только 2 самых популярных вида блюд в кафе — пиццу и бургеры. Т.е. бот сразу предлагает пользователю выбрать одно из двух, а затем даёт возможность посмотреть подробное меню выбранной категории блюд.
Вывод: данное решение помогло нам значительно упросить процесс заказа и сократить его всего до нескольких кликов.
Следующий шаг — это создать персонажа бота. Мы отталкивались от формата кафе, имиджа персонала и самой атмосферы заведения.Это необходимо сделать, чтобы у пользователя создавалось впечатление взаимодействия с реальным человеком, у которого есть свой характер, особенности личности и т.п. Эти характеристики должны отвечать ценностям и позиционированию компании.
Мы специально тщательно продумали портрет персонажа, чтобы, при написании скриптов ответа, добиться 100% попадания в характер бота. Ниже портрет персонажа нашего бота, исходя из которого и прописывалось общение с пользователем:
Это официантка кафе Garage Маргарита, ей 20 лет. Тёмные волосы ниже плеч, средний рост, худоватая комплекция.Студентка, учится на факультете менеджмента и маркетинга. Позитивная и разговорчивая, любит поэзию, поэтому иногда мечтательная. Живёт с подругой и котом Чизом, которого очень любит.В макияже предпочитает яркие губы и чёрные стрелки на веках. Кокетка, любит внимание. С незнакомцами общается дружелюбно, не боится новых знакомств. В случае возникновения конфликтов, всегда старается его уладить мирным способом, шуткой или комплиментом.В еде неприхотлива, главное, чтобы было быстро и вкусно. Очень любит пиццу и смузи.
Очень важно отметить в персонаже его отношение к клиентам и продукции самой компании. Т.е. если это сеть кафе, то какое блюдо персонажу наиболее импонирует. А описание внешнего вида является и заданием для дизайнеров, которые будут создавать аватар бота. Однако позже мы пришли к решению, что в качестве аватара лучше использовать картинку с названием сети в фирменном цвете для лучшей узнаваемости бренда.
Также необходимо придумать персонажу запоминающееся имя, такое, чтобы оно вызывало ассоциации о бренде.Имя нашего персонажа возникло у нас сразу — Маргарита — это и имя, и название пиццы. 🍕 И именно пицца составляет основной ассортимент продукции, которую можно будет заказать через нашего чат-бота.
Что ж, персонаж продуман, аватар готов. Далее необходимо продумать логику общения с пользователем.
Перед тем, как начинать разработку, мы провели исследование рынка и чат-ботов по доставке еды. Но всё, что мы находили, не удовлетворяло нас с точки зрения UX-дизайна. Поэтому при создании логики общения мы специально не отталкивались ни от какого существующего кейса и делали всё исходя из нашего опыта.
Цель нашего чат-бота — это принимать заказы, но он, как и все иные боты, должен соответствовать основным правилам.
Например, мы сразу разделили пользователей на две категории:
И, конечно, мы создали логику общения так, чтобы у пользователя не возникало тупиковых ситуаций. Т.е. всегда есть возможность выбрать блюдо, перейти к другой категории блюд, оформить заказ или начать новый.
Также, если Маргарита не понимает пользователя, то она отправляет ему полезные фоллбэки (блок специальных сообщений, когда пользователь пишет то, что бот не может признать за ответ), а если клиент пишет боту во время того, как доставляют заказ, то Маргарита сообщает, что заказ ещё в пути.
Так что же отличает нашего бота от аналогичных в Telegram’e? В первую очередь наш бот Маргарита — это ещё один интерфейс заказа. И довольно-таки удобный для пользования: пользователю нужно только начать общение с ботом, выбрать нужную категорию: “пицца” или “бургер” и перед ним появится в алфавитном порядке перечень доступных блюд к заказу, их размер, стоимость и ингредиенты. Также в один клик можно не только выбрать понравившуюся пиццу, но и изменить её количество в заказе. Все эти кнопки компактно отображаются на экране телефона.
Таким образом для того, чтобы изменить размер пиццы, её количество, а также добавить другую либо же удалить что-то из заказа, не нужно совершать долгих переходов — весь функционал помещается на экране смартфона. Также к заказу можно добавить доставку приборов. В нашем случае это стали вилка+салфетка.
Важно: благодаря компактному интерфейсу пользователю не нужно листать переписку с ботом, — так клиенту намного проще отследить историю своих заказов.
Мы интегрировали бота с системой сети Гараж — iiko, из которой бот берёт всю необходимую информацию. И после того, как пользователь подтверждает заказ, он попадает в общую систему клиентов.
Таким образом можно удалять и добавлять блюда в систему, добавлять условия программы лояльности, и изменения сразу произойдут как на сайте и в приложении, так и в боте. Такая интеграция даёт много преимуществ: кафе может создавать новую акцию буквально за пару минут и все изменения отобразятся на всех платформах. Так что ситуация, когда наш бот предлагает несуществующую в кафе позицию, исключена.
Также к нам поступает информация о проводимых акциях кафе. И, если сеть запустила акцию “Закажи сет для компании и получи Маргариту бесплатно”, а пользователь добавил в корзину сет для компании, то бот предлагает добавить в заказ и пиццу Маргариту, стоимость которой 0 рублей.
Важно: интеграция со системой заняла столько же времени, сколько и создание контента для бота и его разработка. Так что если у вас ограниченный бюджет, то нужно учесть это.
После того, как пользователь заполнил корзину, идёт этап указания номера телефона и адреса.
Пользователь может ввести номер телефона самостоятельно, либо воспользоваться кнопкой “Поделиться номером”, которая доступна как в мобильной, так и в веб-версии. Данная возможность ускоряет оформление заказа, так как пользователю не нужно вручную вводить номер телефона.
Можно поделиться номером, нажав один раз на кнопку, либо же ввести самостоятельно
После номера бот просит ввести адрес доставки. Как и с номером телефона, если в бота зашли через смартфон, пользователь может отправить свою геолокацию одним нажатием кнопки. При этом определяются улица/проспект и дом. Номер квартиры необходимо вводить вручную. Затем бот по системе проверяет адрес на доступность заказа и платная ли доставка или нет.
Важно: в веб-версии чат-бота весь адрес вводится пользователем самостоятельно.
Далее эта информация поступает в колл-центр сети и менеджер перезванивает пользователю и подтверждает заказ.
При последующих заказах пользователю уже не нужно вводить номер и адрес — бот автоматически запоминает это. Так что последующие заказы становятся ещё более оперативными как для клиента, так и для сети.
Таким образом с помощью нашего бота можно заказать еду за 10 нажатий и меньше чем за минуту!
Приятным дополнением и фишкой бота стала для пользователей возможность включить таймер с момента подтверждения заказа. Это очень удобная функция, так как кафе обещает, что довезёт заказ в течение часа. Иначе клиента ждут вкусные извинения. Таким образом пользователь без лишних вычислительных операций в уме видит, сколько осталось ждать заказ.
Час прошёл и бот желает приятного аппетита
Как происходит отсчёт времени можно увидеть даже не открывая беседу с Маргаритой, если в последнем сообщении бот запустил таймер.
Ещё одной фишкой, по нашему мнению, стало меню с выбором пицц и бургеров, которое можно посмотреть за несколько взмахов пальцем.
Как вы видите, на экране помещаются около 8–9 пицц одновременно, вместе с изображением пиццы, её размерами и ценой, с перечнем ингредиентов. Данное решение позволяет пользователю быстро сравнить пиццы и выбрать для себя наиболее понравившуюся.
Важно: необходимо дать возможность пользователю максимально быстро и в одном месте увидеть и сравнить блюда — так клиент быстрее поймёт, что ему нужно.
Мы сделали один из самых удобных интерфесов для заказа пиццы и бургеров, и стали ближе к целевой аудитории кафе — зайти в свой мессенджер гораздо быстрее и удобнее, чем искать сайт кафе.
Сократили время оформления заказа — его можно сделать меньше чем за минуту и буквально в несколько нажатий.
Сейчас у нас готова техническая составляющая, этап тестирования пройден, и мы можем принимать заказы. Следующий этап — выстраивание отношений с пользователями.
Мы научим нашего персонажа Маргариту лучше понимать пользователей, анализировать и запоминать их любимые блюда и время, когда они предпочитают заказывать еду. Наша задача — сделать Маргариту не просто инструментом для заказа пиццы, а настоящим другом, который всегда о тебе помнит и готов накормить вкусной едой максимально быстро.
Что такое магазин в Telegram и кому он необходим
Что такое бот-магазин
Говоря простыми словами, это детально проработанный и заскриптованный менеджер. Клиенту нужно просто нажать на старт, а бот проведет его по заранее прописанной схеме. При этом созданный однажды алгоритм может долго и стабильно работать без дополнительного обслуживания. Он не допустит ошибок, как человек, и сможет собирать заказы в любое время суток. При необходимости ты сможешь легко убирать или добавлять товары, изменять стоимость, прописывать новые вопросы и детали совершения покупки.
Что умеет делать бот-магазин Bot4Shop
Основной функционал бота зависит от прописанной заранее структуры, поверх которой происходит кастомизация под особенности конкретной бизнес-модели. Например, в основной «скелет» Bot4Shop входит:
— навигация по каталогу и просмотр товаров (в трех вариациях);
— оплата товаров напрямую через Telegram всего в два клика;
— рассылка сообщений о пополнении ассортимента или скидках;
— быстрый поиск товаров;
— работа с промокодами для подогрева покупательского спроса;
— сохранение истории заказов, позволяющее упростить повторную покупку;
— уточнение деталей (куда и как доставить товар);
— отправка сообщений в личный чат клиенту для уточнения деталей заказа;
— интеграция с Google Sheets для упрощения внутренних рабочих процессов.
Как сделать свой бот-магазин с Bot4Shop
Вся процедура максимально проста и состоит всего из 4 шагов:
Шаг 1 — Создай бота в Telegram и подключи его к функционалу сервиса с помощью токена.
Шаг 2 — Наполни каталог своими товарами, загрузи фото и описания через сайт или Google-таблицы.
Шаг 3 — Настрой последовательность оформления заказа, уточняющую все детали для осуществления доставки.
Шаг 4 — Подключи платежную систему (любая платежная система, которая поддерживается в Telegram).
Тебе не придется тратить недели или месяцы на создание сайта для онлайн-магазина. Бот-магазин будет готов спустя 10 минут при наличии готовых иллюстраций и описаний.
Кому необходим бот-магазин
В первую очередь тем, кто хочет оптимизировать и автоматизировать продажи без потери эффективности и удобства для своей аудитории. Представь, твоим клиентам не придется искать сайт, регистрироваться или авторизоваться на нем, привязывать карты для оплаты и так далее. Вместо этого им будет достаточно вбить название магазина в поиск и приступить к покупкам. Или просто перейти по ссылке из социальных сетей.
Также бот-магазин подойдет для бизнеса, ориентированного на более молодую прогрессивную аудиторию, которая стремится сделать свою жизнь комфортнее во всех аспектах. Сюда можно отнести и совершение покупок. Если бизнес занимается продажей техники, брендовой одежды, кроссовок, ключей для компьютерных игр, то бот-магазин станет идеальным решением. Клиент просто открывает диалоговое окно, выбирает нужный товар и тут же его оплачивает. Весь процесс покупки займет не больше 5 минут.
Последняя группа, которой стоит испробовать бот-магазин, — люди, поднимающие проект с нуля без большого капитала. Огромная экономия на реализации и обслуживании продающей платформы сделает попытку более безболезненной, чем если бы огромные средства запускались на разработку платформы с нуля. Здесь же для осуществления продаж достаточно соцсетей и ссылки на бота в Telegram. Тем более адаптивность Bot4Shop отлично подходит для того, чтобы настроить магазин практически для любых товаров.