Мобильное приложение для интернет-магазина без разработчиков: пошаговая инструкция

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

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

Разберем, как собрать такое приложение самостоятельно: с каталогом, корзиной, оплатой и пушами, без программистов и за вечер.

Сколько это стоит у разработчиков

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

Самый быстрый путь: готовое решение

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

На последнем шаге создания можно активировать пробный период на 7 дней и попробовать все бесплатно. Пробный период дается один раз, поэтому потратьте его с толком: соберите приложение, поставьте себе на телефон и проведите пару настоящих заказов.

После того, как создадите приложение на основе кейса, сможете отредактировать весь контент при помощи Конструктора. Для этого на странице кейса нажмите Редактировать приложение.

Второй путь: собрать с нуля

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

Шаг 1. Заносим каталог

Товары живут в разделе Мои приложения → Товары → Каталоги. Каталог - это категория магазина: Смартфоны, Наушники, Аксессуары. Создаете каталоги, внутри добавляете товары.

У товара указываете название, цену, при желании цену до скидки (покажется зачеркнутой), краткое описание для списка, полное описание и до трех фото, одно из них - основное.

Для магазина особенно важны варианты товара. У одной модели может быть несколько вариантов: размеры, цвета, объемы. Работают они двумя способами:

Цена зависит от варианта. Например, смартфон на 128 ГБ - 50 000, на 512 ГБ - 70 000. В каталоге покажется минимальная цена из вариантов.

Цена общая для всех вариантов. Типичный случай: чехол выпускается в пяти цветах, и все стоят одинаково. Отметьте галочку Использовать только общую цену, и варианты станут просто выбором цвета, а цена останется одна.

Порядок товаров меняется перетаскиванием, ненужный товар скрывается чекбоксом, цена правится прямо в списке.

Если у вас уже есть сайт с каталогом, товары можно не заносить руками, а подгружать прямо с сайта - эта возможность доступна на платных тарифах Товаров. Подробно разберем ее в отдельной статье.

Подробно: Каталоги товаров

Шаг 2. Настраиваем корзину и форму заказа

Раздел Мои приложения → Товары → Корзина и заказ, вкладка Оформление. Здесь вы решаете, что заполняет покупатель при заказе. Каждое поле - галочка: имя, телефон, e-mail, самовывоз или доставка, адрес, дата и время доставки, способ оплаты, промокод, комментарий.

Не хватает стандартных полей - добавьте свои: например, список Размер упаковки или чекбокс Нужна подарочная упаковка. Свое поле может быть текстом, галочкой или списком вариантов, при необходимости обязательным.

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

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

Подробно: Оформление корзины и формы заказа

Шаг 3. Условия доставки

Та же страница, вкладка Условия доставки и заказа. Задаете минимальную сумму заказа, время приема заказов и стоимость доставки в зависимости от суммы: например, доставка 350 рублей для заказов до 3000 и бесплатная от 3000. Если возите курьером по своему городу, можно нарисовать зоны доставки на карте и задать каждой свои условия.

Подробно: Условия доставки и заказа

Шаг 4. Подключаем оплату

Вкладка Оплата заказов. Галочками включаете способы: наличными при получении, картой при получении или онлайн прямо в приложении.

Для интернет-магазина онлайн-оплата - это обычно ключевой пункт: заказ оплачен сразу, и доля невыкупленных заказов падает. Работает через ЮKassa (есть и ArsenalPay), доступна на платных тарифах. Для приема реальных платежей нужно юрлицо или статус самозанятого.

Подробно: Онлайн-оплата заказов

Шаг 5. Промокоды

Раздел Мои приложения → Товары → Промокоды. Промокод может давать скидку в процентах, фиксированную скидку, товар в подарок или бесплатную доставку. Условия настраиваются: минимальная сумма, срок действия, только первый заказ. Классика для магазина: промокод на первую покупку в приложении, напечатанный на вкладыше в каждую посылку.

Подробно: Промокоды

Шаг 6. Куда приходят заказы

Вкладка Отправка заказов. Каналов четыре, работать могут все сразу:

Telegram. Открываете бота t.me/gmashopbot, отправляете ему код подключения со страницы настройки, и заказы приходят сообщениями.

ВКонтакте. То же самое через бота в группе ВКонтакте.

E-mail. Письмо с деталями каждого заказа на указанный адрес.

CRM. Заказы могут автоматически создаваться в RetailCRM или Битрикс24 - с контактами покупателя и составом заказа, без ручного переноса. В RetailCRM позиции привязываются к вашему каталогу по артикулам. Есть и отправка на собственный API.

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

Подробно: Отправка заказов

Шаг 7. Собираем экраны приложения

Теперь конструктор. Редактируйте свое приложение (или создайте новое, если еще не создали) в разделе Мои приложения → Приложения. Контент строится по схеме Страница → Вкладка → Блок контента. На втором шаге конструктора добавляете блоки:

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

Плиточное меню - плитки категорий с картинками на главный экран: Смартфоны, Наушники, Аксессуары, Доставка и оплата.

Слайдер - баннеры с новинками и акциями наверху главного экрана.

Карточка с контактами и Карта с адресом - если есть точка самовывоза.

Подробно: блок Каталог товаров и Шаг 2 конструктора

Шаг 8. Иконка и сборка

Название приложения, цвета и шапка задаются на первом шаге конструктора, иконку загружаете на последнем, четвертом. Логотип лучше заранее подготовить квадратным. Кнопки в подвале можно настроить на Шаге 3.

Дальше заказываете сборку и получаете apk для Android, а на iOS приложение запускается через наше приложение GiveMeApp Tools. Файл apk можно раздавать ссылкой или QR-кодом, а лучше опубликовать в RuStore, чтобы покупатели находили вас поиском.

Подробно: Шаг 1, Шаг 3 и Шаг 4

Пуши: возвращаем покупателей бесплатно

Ради этого магазины и заводят приложение. Раздел Мои приложения → Push-уведомления отправляет всплывающие уведомления на телефоны ваших покупателей: заголовок до 200 символов, текст до 1000.

Сценария три:

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

Конкретному пользователю - из списка пользователей приложения.

Клиенту по заказу. В разделе Заказы напротив заказа есть ссылка отправки пуша - удобно сообщить, что заказ собран или передан в доставку.

Отправка пушей доступна для приложений с тарифом Pro или на Максимальном тарифе сервиса - тогда пуши работают во всех ваших приложениях.

Подробно: Push-уведомления

Сколько это стоит

Функционал магазина работает по своим тарифам, они в разделе Мои приложения → Товары → Тарифы.

Начать можно на бесплатном Базовом: до 10 товаров, заказы в Telegram и промокоды - этого хватит, чтобы собрать приложение и проверить его на реальных покупателях. Рабочий вариант для магазина - Расширенный за 2990 в месяц: до 100 товаров, онлайн-оплата, отправка заказов в CRM и обновление каталога без пересборки приложения - поменяли цену или добавили товар на сайте, у покупателей все обновилось сразу. Максимальный за 4990 добавляет до 1000 товаров, бонусные баллы, управление заказами в личном кабинете и пуши во все ваши приложения.

Подробно: Тарифы

Что это дает магазину

Повторные покупки без бюджета на рекламу: пуш о новинке уходит всей базе бесплатно и виден на заблокированном экране, а не в папке Промоакции.

Иконка магазина на телефоне покупателя - клиент возвращается в одно касание, не вспоминая адрес сайта.

Заказы оплачиваются онлайн и падают сразу в CRM или Telegram - без ручного переноса.

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

Попробуйте на своем магазине

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