УСЛУГА
Интернет-магазин под ключ: каталог, корзина, оплата и ошибочные сценарии
Актуально на
Магазин отличается от сайта тем, что в нём есть деньги и склад, а значит есть шаги, на которых заказ ломается. Ниже — из чего собирается каталог и корзина, что происходит при неудачной оплате, как устроен обмен с 1С и порядок работ по этапам.
ЦЕНА ОТ
190 000 ₽
СРОК
от 30 рабочих дней
ТОВАРОВ
до 200
КАТЕГОРИЙ
до 15
ОПЛАТА
ЮKassa
Кому подходит: товары со складом и ценами, нужна онлайн-оплата и выгрузка из 1С. Срок написан как «от» не для запаса: у магазина объём работы зависит от каталога, и точный срок ставится в договор после того, как посчитано дерево категорий.
Кому нужен магазин, а кому достаточно каталога без корзины
Корзина нужна тогда, когда человек может купить сам, без разговора: цена окончательная, наличие известно, доставка считается по адресу. Если цена зависит от объёма, а сроки от загрузки цеха, корзина будет обманывать покупателя, и вместо заказов вы получите звонки с уточнениями.
Промежуточный вариант, который мы предлагаем чаще, чем магазин: каталог с параметрами, ценами и наличием — но с формой запроса вместо кнопки «купить». Это корпоративный сайт с каталогом, он дешевле и закрывает большую часть задачи, если продажа всё равно идёт через менеджера и счёт.
Ещё один признак — учёт: если остатки и цены живут в 1С, обмен настраивается один раз и витрина совпадает со складом; если учёт ведётся в блокноте, магазин быстро начнёт врать про наличие. И про деньги прямо: этот тариф в четыре с лишним раза дороже лендинга не из-за числа страниц, а потому что появляются платежи, склад, статусы заказов и обмен с учётной системой. Из чего складывается цена, разобрано на странице цен.
Кейса по магазину у нас пока нет — и мы не будем его придумывать
В портфолио три работы: два проекта на лендингах и корпоративный сайт производственной компании. Магазина среди них нет. Мы могли бы поставить сюда стоковый скриншот витрины и цифру роста продаж без источника — так делают, и это ровно то, из-за чего вы проверяете подрядчиков.
Что можно проверить вместо кейса. Первое — как мы работаем там, где механики тоже хватало: каталог с допусками и форма запроса с загрузкой чертежа . Второе — калькулятор ставки по маршруту : считающая логика с проверкой ввода, самая близкая к магазину часть работы. Третье — договор : там написано, что происходит при просрочке и кому принадлежат исходники. На проекте от тридцати рабочих дней это важнее любого скриншота.
Все наши работы с суммами смет там, где клиенты разрешили их назвать, — в разделе кейсов . Их три, и мы показываем все, а не выборку удачных.
Каталог: до 15 категорий, карточка товара и фильтры
Каталог — это не список товаров, а способ дойти до нужного за два-три касания. Поэтому работа начинается не с вёрстки, а с дерева категорий и списка характеристик: из них потом складываются и фильтры, и таблица в карточке, и адреса страниц.
Фильтры и поиск: по каким характеристикам действительно фильтруют
Фильтр стоит делать только по тому, чем покупатель отсекает половину каталога: размер, мощность, материал, цена, наличие. Остальное — строки в таблице характеристик. Двадцать фильтров выглядят солидно, но каждый — это данные, которые кто-то должен заполнить у каждого товара, а пустое поле выкидывает товар из выборки.
Поиск настраиваем на название, артикул и синонимы: люди ищут по артикулу из счёта и по названию из чужого прайса. Отдельно проверяем, что выдаёт поиск, когда ничего не нашлось: пустая страница здесь — потерянный покупатель.
Что должно быть в карточке товара
Цена и наличие цифрой, а не «уточняйте». Фотографии с нескольких ракурсов. Таблица характеристик — та же, из которой собраны фильтры. Условия доставки этого товара. Кнопка «в корзину», которая остаётся видимой на телефоне при прокрутке. И то, что забывают чаще всего: «сообщить о поступлении» вместо серой кнопки, когда товара нет.
Корзина и оформление в два шага
Оформление разделено на два шага сознательно. Первый — контакты и способ получения: имя, телефон, доставка или самовывоз, адрес. Второй — проверка заказа и оплата. Так человек видит короткую форму вместо анкеты, а мы получаем контакт до оплаты: если он бросит корзину, менеджеру есть кому позвонить.
Что в корзине обязательно: изменить количество и удалить позицию без перезагрузки, посчитанная доставка до оплаты, а не «стоимость сообщит менеджер», итоговая сумма одной цифрой. Регистрацию не требуем: обязательный личный кабинет на первом запуске отсекает часть покупателей, а пользы даёт мало. Формы собирают персональные данные, поэтому политика, галочка согласия и хранение на серверах в России по 152-ФЗ обязательны — документы включены в цену.
Ошибочные сценарии, из-за которых магазин теряет заказы
Это та часть работы, которую не видно в макетах и не показывают в портфолио. Мы рисуем эти состояния в прототипах вместе с обычными и проверяем их на приёмке отдельным списком: с телефона, с ноутбука, с медленным интернетом.
| Сценарий | Что случилось | Как обычно бывает | Как делаем мы |
|---|---|---|---|
| Оплата не прошла | Банк отклонил платёж или человек закрыл страницу оплаты | Страница с текстом «Ошибка» и без заказа: непонятно, списали деньги или нет | Заказ создан и виден в админке со статусом «ожидает оплаты», человеку показаны номер заказа и кнопка «оплатить ещё раз», менеджеру ушло уведомление |
| Товара нет на складе | Остаток кончился между добавлением в корзину и оплатой | Оплата проходит, через день менеджер звонит с извинениями — возврат и потерянный клиент | Остатки проверяются на шаге оформления, кончившийся товар помечается в корзине до оплаты, в карточке вместо кнопки — «сообщить о поступлении» |
| Адрес не распознался | Человек написал адрес так, как его не понимает подсказка или калькулятор | Форма не даёт отправить заказ и не объясняет, что именно ей не нравится | Адрес можно дописать руками и в комментарий, в спорном случае доставку считает менеджер и подтверждает её до оплаты |
Почему заказ создаётся до оплаты, а не после
Порядок «сначала заказ со статусом «ожидает оплаты», потом переход к платежу» кажется мелочью, но именно он спасает выручку. Человек, у которого не прошла карта, остаётся с номером заказа и кнопкой «оплатить ещё раз», менеджер видит попытку в админке. Если заказ создаётся только после успешного платежа, все эти люди для магазина не существуют.
Онлайн-оплата и чек по 54-ФЗ: что нужно от вас
Приём денег и выдача чека — две разные вещи, и путаница между ними стоит нервов на запуске. Платёжный сервис — в тарифе это ЮKassa — принимает карты и переводит деньги на ваш счёт. Фискальный чек покупателю формирует онлайн-касса: своя или взятая в аренду. При расчётах на сайте чек обязателен, это и есть 54-ФЗ.
Что делаем мы: подключаем магазин к платёжному сервису и к вашей кассе, передаём в чек состав заказа, проверяем тестовыми платежами, что деньги дошли, а чек ушёл. Что нужно от вас: договор с сервисом на ваше юрлицо, решение по кассе, данные для её подключения. Договор оформляется на вас: деньги покупателей должны идти сразу вам.
Выгрузка каталога из 1С: как работает и когда ломается
Обмен идёт по CommerceML — формату обмена коммерческой информацией, который 1С поддерживает штатно. Схема простая: 1С складывает XML с товарами, характеристиками, ценами, остатками и картинками, сайт забирает его по расписанию и обновляет каталог.
Где это ломается на практике. Первое — беспорядок в самой номенклатуре: дубли, пустые характеристики, названия вида «Труба (новая) 2 шт». Выгрузка честно перенесёт это на сайт, и разбирать придётся в 1С. Второе — картинки: их часто нет в базе вовсе. Третье — правила: что делать с товаром, который исчез из выгрузки, и чья цена главная, если её правили в двух местах. Правила согласуем до настройки, а не после первого расхождения.
От вас нужен доступ к 1С или к её выгрузке и человек, который знает, как в базе устроены характеристики. Время последнего обмена показываем в админке: когда обмен встал, это видно сразу, а не через неделю жалоб на несуществующие товары.
Доставка, возврат и оферта: тексты, без которых магазин не запускают
Страница доставки — не формальность, а причина брошенных корзин. На ней должно быть написано: какие способы есть, сколько стоит каждый, за сколько дней, что происходит при отказе в момент вручения. Фраза «доставка по договорённости» переносит вопрос в звонок, а часть покупателей вместо звонка закрывает страницу.
У дистанционной продажи свои правила возврата: по ст. 26.1 закона «О защите прав потребителей» покупатель может отказаться от товара до передачи и в течение семи дней после, а если порядок возврата ему письменно не сообщили — срок отказа становится длиннее. Отсюда вывод: правила должны лежать на сайте и уезжать с заказом, а не жить в голове менеджера.
Эти страницы мы собираем вместе с вами и связываем с оформлением, чтобы условия были видны до кнопки оплаты. Чего не делаем: не выступаем вашим юристом. Шаблонные тексты подготовим, но перед запуском их стоит вычитать с юристом: у продуктов, техники и товаров с ограничениями правила разные, а отвечает за них продавец.
Электронная торговля в Метрике: что вы сможете увидеть
В обычной Метрике видно посещения и цели. В электронной торговле — что положили в корзину, что купили и на какую сумму, из какого источника пришёл заказ. Разница практическая: без неё вы знаете, что «реклама привела двести человек», с ней — сколько заказов эти двести принесли.
Что настраиваем: передачу данных о просмотре товара, добавлении в корзину и покупке, цели на шаги оформления, чтобы стало видно, где отваливаются люди, и метки источников. Смотреть отчёты после запуска — ваша работа или работа вашего маркетолога; первый раз показываем, где что лежит, на созвоне при сдаче.
Что входит в цену: за что вы платите 190 000 ₽
Это нижняя граница тарифа: дешевле магазины мы не делаем. Список одинаков для всех проектов и не превращается в отдельные строки сметы на сдаче.
- + Каталог с фильтрами и поиском
- + Корзина и оформление в 2 шага
- + Онлайн-оплата и чек по 54-ФЗ
- + Выгрузка каталога из 1С
- + Доставка, возврат, оферта
- + Электронная торговля в Метрике
- + 30 дней поддержки
Сверх этого списка в магазин переходит вся база из младших тарифов: индивидуальный дизайн, адаптив, заявки в Telegram и на почту, SEO-база, Метрика с целями, политика и согласие. Полный перечень и отдельный список того, чего в цене нет вообще, — на странице цен.
Что удлиняет срок и увеличивает смету
Честный список того, из-за чего проект выходит за нижнюю границу срока и цены. Первое — каталог больше границы тарифа. Второе — беспорядок в 1С: пока номенклатуру не разберут на вашей стороне, обмен настраивать бессмысленно. Третье — сложные правила доставки: несколько служб, зоны, вес и габариты. Четвёртое — товары с вариантами: размер и цвет как отдельные позиции со своими остатками. Пятое — задержка с кассой: это не наш этап, но без неё магазин нельзя сдать.
Всё, что можно посчитать заранее, попадает в смету до договора отдельными строками. Всё, что зависит от вашей стороны, называем на созвоне вместе со сроком. После подписания смета растёт только через дополнительное соглашение, которое подписываете вы.
| Доработка | Цена | Что важно знать |
|---|---|---|
| Текст сверх включённого объёма | 900 ₽ / 1 000 знаков | В лендинг и корпоративный сайт входит до 12 000 знаков — обычно этого хватает. Считаем без пробелов, по факту сдачи. |
| Интеграция с CRM | от 8 000 ₽ | Битрикс24 или amoCRM: заявка падает в сделку с источником и utm. Экзотические CRM — по документации, оцениваем отдельно. |
| Многоязычная версия | от 25 000 ₽ | Вторая языковая версия под тем же доменом. Перевод — ваш или переводчика, мы отвечаем за вёрстку и переключение языков. |
| Перенос текущего сайта на новый хостинг | от 5 000 ₽ | Со старым сайтом как есть, без переделок. Нужны доступы к домену и текущему хостингу. |
| Поддержка после первых 30 дней | от 5 000 ₽ / мес | Правки текстов и картинок, обновления, присмотр за формами и Метрикой. Часы не сгорают, а переносятся на следующий месяц. |
Полный прайс на доработки и список того, что вы платите не нам — домен, хостинг, сертификат, — на странице цен. У магазина к этому добавляются комиссия платёжного сервиса с каждой оплаты и касса, если берёте её в аренду.
Порядок работ: от дерева категорий до тестовых заказов
Первые три этапа идут до старта срока по договору: пока не согласованы дерево категорий и смета, обязательства по сроку не начинаются. От вас за проект нужно порядка восьми-десяти часов, больше всего — на этапе структуры каталога и на приёмке.
Сумма по этапам больше нижней границы срока: дизайн идёт, пока пишутся тексты. В договоре срок конкретный, а не «от 30 рабочих дней». Что происходит при просрочке и кому принадлежат исходники — на странице про договор. Вопросы, которые стоит задать любому подрядчику до предоплаты, собраны в списке из 12 вопросов.
Откуда мы работаем и как передаём магазин заказчику
Город студии — Казань, работаем удалённо по всей России, наценки за регион нет. Для магазина это заметнее, чем для сайта: работа идёт с вашей 1С, вашим платёжным сервисом и вашей кассой, и всё это подключается по доступам, а не приездом. Договор подписываем электронно или обмениваемся сканами.
Передача магазина устроена прозаично: доступы на ваши реквизиты, исходники в вашем репозитории, база заказов на вашем хостинге, видео по админке. Российский хостинг тут не выбор, а требование 152-ФЗ. Связь по будням: Пн–Пт, 09:00–19:00 МСК; в Telegram отвечаем в течение часа, на письма — в течение рабочего дня.
Вопросы про каталог, оплату и сроки
То, что спрашивают до созвона. Отвечаем здесь, чтобы разговор начинался с вашего каталога, а не с проверки подрядчика.
ДРУГАЯ УСЛУГА
Лендинг, от 45 000 ₽
Кому подходит: одна услуга или одно направление, трафик из Директа и соцсетей.
Разработка лендинга: состав работ и сроки по этапам →ДРУГАЯ УСЛУГА
Корпоративный сайт, от 90 000 ₽
Кому подходит: несколько услуг или направлений, продажи через тендеры и КП, важен поиск.
Корпоративный сайт: структура страниц и что входит в цену →Все три услуги и как выбрать · Цены и прайс на доработки · Кейсы со сметами · Что написано в договоре · О студии
ИНТЕРНЕТ-МАГАЗИН
Пришлите список категорий и то, как ведёте учёт, — вернём дерево каталога, смету построчно и срок в рабочих днях.