💼 Кейсы ⏱ 14 мин 👁 20

Интернет-магазин и создание сайтов: шесть страниц и пять систем за витриной

Интернет-магазин: создание сайта от каталога до оплаты

Интернет-магазин и создание сайтов — разные по объёму задачи: обычный сайт показывает и принимает заявку, а магазин ещё считает, берёт деньги, выбивает чек, списывает остаток и сообщает покупателю, где его посылка. Поэтому создание магазина — это шесть типов страниц на витрине и пять систем за ней. А тем, у кого товаров немного и цены обсуждаются, часто нужен не магазин, а сайт-каталог.

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

Нужен магазин, в котором заказ доходит от корзины до оплаты без потерь? Создание сайтов под ключ: интернет-магазин — от 60 000 ₽, срок 3–6 недель. Каталог, корзина, оплата и доставка настраиваются под ваш товар; договор, фиксированная цена, гарантия 12 месяцев.

Тридцать страниц поиска: о возврате товара — ни одной

Я просмотрел тридцать страниц, которые поиск показывает по запросам об интернет-магазинах и создании сайтов, и посчитал, что написано в заголовках и описаниях.

Семнадцать страниц — про Москву, шестнадцать обещают «под ключ». Девять — «бесплатно». Семь — конструкторы, пять — площадки с исполнителями. Цену «от» называют четыре страницы, и разброс такой: от 9 000 рублей на площадке до 500 000 в студии — в пятьдесят пять раз. «Любую сложность» обещают пять.

Тридцать страниц поиска: о чём заголовки и описания «под ключ»16 «бесплатно»9 конструкторы7 оплата3 корзина, каталог, кассапо 1 возврат, оферта0 Цена «от» — от 9 000 до 500 000 рублей.

Теперь о том, из чего магазин состоит. Оплату упоминают три страницы из тридцати, доставку — две. Корзину, каталог и кассу — по одной. Возврат товара и оферту — ни одна. То есть поиск обсуждает, кто сделает и почём, но не что именно будет сделано. Восполню.

Сайт-каталог или интернет-магазин: что создавать

Сайт-каталог показывает товары с описаниями и ценами и принимает заявку: «хочу вот это, перезвоните». Интернет-магазин доводит дело до конца сам: корзина, расчёт доставки, оплата, чек, статус заказа. Каталог дешевле и проще в жизни, магазин продаёт без участия человека. Отметьте, что верно для вас.

Отмечено: 0 из 6. Подходит: сайт-каталог с заявкой

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

✅ Начать с каталога разумно, когда

  • товаров до сотни и ассортимент ещё меняется;
  • вы только проверяете спрос;
  • каждый заказ всё равно подтверждается по телефону;
  • нет статуса, при котором можно принимать оплату онлайн.

❌ Каталога уже мало, когда

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

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

Путь заказа: шесть страниц, на которых держится магазин

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

Шесть экранов от входа до заказа ГлавнаяКатегорияКарточка КорзинаОформлениеСпасибо куда идтидальшефильтр,сортировкафото, цена,наличие состави суммадоставка,оплатаномери что дальше нет фильтра —не нашёл нет наличия —не рискнул доставка всплылав конце — ушёл Красным — типичные причины, по которым покупатель не доходит до следующего экрана.
  1. Главная. Её задача — не рассказать о компании, а направить: категории, поиск, текущие предложения, условия доставки одной строкой.
  2. Категория. Список товаров с фильтром по тому, по чему действительно выбирают: размер, цвет, цена, наличие. Без фильтра сотня товаров — это стена.
  3. Карточка товара. Несколько фотографий, цена, наличие, характеристики, срок и стоимость доставки, кнопка «В корзину» на первом экране телефона.
  4. Корзина. Состав, количество, итог. Возможность изменить число и удалить позицию без перезагрузки страницы.
  5. Оформление. Минимум полей, выбор доставки с ценой, выбор оплаты. Без обязательной регистрации — она отсекает тех, кто покупает впервые.
  6. Страница «Спасибо». Номер заказа, что будет дальше и когда, как связаться. Плюс письмо с тем же содержанием.

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

Интернет-магазин: создание сайта и путь заказа

За витриной: пять систем, которых покупатель не видит

Витрина — половина магазина. Вторая половина — подключения, и именно они отличают создание интернет-магазина от создания обычного веб-сайта.

  • Приём оплаты. Платёжный сервис, который берёт деньги с карты и по быстрым платежам и перечисляет их вам. Подключается по договору; сервис проверяет сайт перед подключением.
  • Онлайн-касса. Организации и предприниматели при расчётах с покупателями обязаны формировать чек и отправлять его покупателю. Обычно кассу арендуют как облачную услугу, и она связывается с платёжным сервисом. У самозанятых порядок другой — чек формируется в приложении налоговой.
  • Доставка. Расчёт стоимости и срока по адресу, выбор пункта выдачи на карте, передача заказа в службу доставки. Чем раньше покупатель видит цену доставки, тем меньше брошенных корзин.
  • Учёт товаров. Откуда магазин знает остатки и цены. При десятках товаров — вручную в админке, при сотнях — загрузкой из таблицы, при тысячах — обменом с учётной программой.
  • Уведомления. Письма и сообщения покупателю о каждом изменении статуса, а вам — о каждом новом заказе. Без них магазин превращается в чёрный ящик.

Каждое подключение — отдельная строка в смете со своим сроком. Когда в предложении написано просто «интернет-магазин под ключ», спросите, какие из пяти систем входят в цену и с какими именно сервисами.

Где теряются заказы: считаем по шагам

Из ста человек, зашедших в магазин, до оплаты доходят единицы — это нормально. Важно понимать, на каком шаге уходит больше всего, потому что чинить нужно именно его. Подставьте свои цифры из счётчика.

Воронка магазина за месяц

Корзин: 180. Заказов: 54. Брошено корзин: 126. Выручка: 135 000 ₽.

Если довести до оплаты ещё каждую десятую брошенную корзину: +13 заказов, +32 500 ₽ в месяц.

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

Значения по умолчанию условные. Доли по шагам у каждого магазина свои — берите их из своей статистики.

Корзина ≠ заказ Товар в корзине — это ещё не покупка, а намерение. Между кнопкой «В корзину» и оплатой стоит страница оформления, и на ней решается больше, чем на всех остальных, вместе взятых.

Что продавец обязан сообщить на сайте

Эту тему поиск не затрагивает вовсе, а платёжный сервис и покупатели спросят о ней первым делом. Я вебмастер, а не юрист, поэтому перечисляю то, что требуется на практике при подключении оплаты, — формулировки документов согласуйте со специалистом.

  • Сведения о продавце. Наименование или фамилия предпринимателя, регистрационные номера, адрес, телефон и почта для обращений.
  • Условия продажи. Публичная оферта или пользовательское соглашение: как оформляется заказ, когда договор считается заключённым.
  • Оплата и доставка. Способы, сроки, стоимость, территория. Отдельной страницей, а не мелким шрифтом в подвале.
  • Возврат. Порядок и сроки возврата товара и денег. При дистанционной продаже у покупателя больше прав на отказ от товара, чем в обычном магазине, — это нужно учитывать.
  • Персональные данные. Политика обработки и согласие в форме заказа.
  • Описание товара. Основные свойства, цена, изготовитель, гарантия — в карточке, до покупки.

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

Что подготовить до начала: товарная таблица

Срок «три–шесть недель» выполняется, когда к началу работ готовы данные о товарах. Собирать их удобно в одной таблице: строка — товар, столбец — свойство. Из этой таблицы потом загружается каталог.

Одна строка таблицы — одна карточка товара АртикулНазваниеЦенаОстатокКатегорияФото К-104Кружка 350 мл69024Посуда3 шт. К-105Кружка 500 мл7900Посуда2 шт. Т-020Тарелка 24 см54061Посуда4 шт. фото Кружка 350 мл 690 ₽ · в наличии В корзину Плюс столбцы: описание, характеристики, вес и габариты для доставки. Товары и цены в примере условные.
  1. Структура каталога. Категории и подкатегории — так, как ищут покупатели, а не как устроен ваш склад.
  2. Товарная таблица. Артикул, название, цена, остаток, категория, описание, характеристики, вес и габариты.
  3. Фотографии. На одном фоне, с одного ракурса, названные по артикулу — тогда их можно загрузить разом.
  4. Условия. Куда и чем доставляете, сколько это стоит, как принимаете оплату, как оформляете возврат.
  5. Договоры. С платёжным сервисом, кассой, службой доставки. Их согласование идёт не быстрее разработки — начинайте одновременно.

Пункты четыре и пять чаще всего и задерживают запуск: сайт готов, а договор с платёжным сервисом ещё на проверке. Как выстроены этапы работы и что требуется от заказчика на каждом, расписано на странице «Этапы разработки сайта».

На чём делают магазины

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

  • Облачная платформа или конструктор. Магазин собирается за дни, оплата и доставка подключаются готовыми модулями, платите абонентскую плату. Удобно для старта; данные и логика остаются на стороне сервиса.
  • Система управления на своём хостинге. Магазин принадлежит вам целиком, без платы за лицензию. Я для магазинов чаще всего беру OpenCart: в нём из коробки есть каталог, корзина, скидки и обмен данными, а недостающее добавляется модулями.
  • Коммерческая система с лицензией. Оправдана при тысячах товаров и плотном обмене с учётной программой. Три страницы из тридцати в поиске — именно про неё, и цены там начинаются от сотен тысяч.

Выбор определяют три числа: сколько товаров, сколько заказов в день и есть ли учётная система, с которой нужно обмениваться. Назовите их исполнителю в первом же сообщении — и получите предметный ответ вместо «от».

Магазин не заканчивается кнопкой «Оплатить». Я считаю его готовым, когда тестовый заказ прошёл весь круг: оплата списалась, чек пришёл, остаток уменьшился, письмо доставлено, а владелец увидел заказ у себя в телефоне.
— Александр Рожков

Не уверены, каталог вам нужен или магазин, и что из пяти систем подключать сразу? Напишите, сколько у вас товаров и как вы сейчас принимаете заказы, — предложу состав и порядок. Примерную стоимость покажет калькулятор, а когда магазин заработает, первых покупателей приведёт реклама в Директе.

После запуска: магазин — это работа

Сайт-визитку можно сделать и забыть на полгода. Магазин — нет. Вот что требует внимания каждую неделю:

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

Техническую часть этого списка можно передать на поддержку; товарную и клиентскую придётся вести самим или сотруднику — заложите это время до запуска, а не после.

Сайт-каталог и интернет-магазин: создание и запуск

Итог

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

До начала работ подготовьте товарную таблицу, фотографии и условия доставки с возвратом, а договоры с платёжным сервисом и кассой запускайте одновременно с разработкой. Что входит в мою работу над магазином и сколько она стоит, написано на странице создания сайтов; как выглядят готовые проекты — в портфолио.

Нужен сайт или продвижение?

Расскажите о задаче — отвечу в течение часа.

Написать в Telegram

Опрос

Что вам нужно сейчас?

Проголосуйте, чтобы увидеть, как думают другие читатели

Часто задаваемые вопросы

Чем сайт-каталог отличается от интернет-магазина?

Каталог показывает товары и принимает заявку, которую потом обрабатывает человек. Магазин сам доводит покупку до конца: корзина, расчёт доставки, оплата, чек, статус заказа. Каталог проще и дешевле, магазин продаёт круглосуточно без участия менеджера.

Можно ли сначала сделать каталог, а потом превратить его в магазин?

Да, если сразу выбрать систему управления, рассчитанную на торговлю. Тогда корзина, оплата и доставка включаются модулями, без переделки сайта. Это разумный путь, когда ассортимент ещё меняется или спрос только проверяется.

Сколько стоит создание интернет-магазина?

У меня — от 60 000 рублей, срок три–шесть недель. В поиске цены названы от 9 000 до 500 000 рублей: разница объясняется числом товаров, набором подключений (оплата, касса, доставка, обмен с учётной программой) и тем, рисуется ли дизайн с нуля.

Нужна ли интернет-магазину онлайн-касса?

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

Что должно быть на сайте магазина по закону?

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

Что подготовить до начала разработки?

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

Почему покупатели бросают корзину?

Чаще всего из-за страницы оформления: слишком много полей, обязательная регистрация, цена доставки появляется в самом конце, нет удобного способа оплаты. Проверяется просто — пройдите заказ с телефона сами и оплатите его.

интернет-магазинсоздание сайтовсайт-каталогкорзина и оплатаонлайн-кассаOpenCart
Александр Рожков — частный вебмастер
Александр Рожков
Вебмастер · SEO-специалист · 15+ лет · 200+ проектов
Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.
О себе
Поделиться:
Все статьи