Как составить электронный магазин

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

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

Практическая часть

В руководстве мы разберем создание сайта интернет-магазина на платформа управления онлайн-торговлей InSales.

Платформа InSales – единый инструмент для всех каналов интернет-продаж, где можно создать свой сайт, а также продавать через маркетплейсы, социальные сети и мессенджеры. Изначально InSales – облачная CMS (система управления контентом) для сайтов интернет-магазинов, позволяющая самостоятельно создать полноценный и функциональный сайт без привлечения технических специалистов.

На 2022 год на базе InSales работает более 8500 интернет-магазинов в России, Украине, Казахстане и Беларуси.

Стоимость аренды платформы зависит от выбранного тарифа. Первые 14 дней предоставляются бесплатно.

В стоимость подписки входит:

• Мощный движок сайта с сотнями готовых функций для интернет-торговли (большое количество функций будет рассмотрено в этом руководстве);
• Безлимитное место на сервере для хранения данных сайта;
• Защита сайта от всех видов хакерских и DDoS-атак;
• Круглосуточная техническая поддержка;
• Адаптивные шаблоны для сайта;
• Встроенные инструменты для продвижения и рекламы;
• Несколько сотен дополнительных модулей и интеграций для расширения функционала сайта (в рамках руководства некоторые из них мы настроим);
• Выгрузки на все популярные маркетплейсы;
• Интеграция с соцсетями и мессенджерами.

Создаем сайт интернет-магазина

Для создания сайта, зарегистрируйтесь в платформе InSales

После регистрации вы попадете в панель администратора вашего будущего сайта.

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

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

Настройка дизайна сайта

Вы создали аккаунт на InSales, после чего платформа сгенерировала «заготовку» под ваш будущий сайт.

Начнем с настройки его внешнего вида.

Для этого перейдите в раздел “Сайт”, а в нем – «Дизайн». В разделе «Дизайн» вы можете устанавливать и удалять темы дизайна сайта, выбирать новый шаблон из галереи тем и переходить в редактор темы или к ее исходному коду.

Нажмите на кнопку «Редактировать шаблон», чтобы перейти в редактор темы оформления.

Редактор сайта содержит панель настроек (1) и визуальный редактор (2).

Через панель настроек можно изменять общие для всего сайта данные:

1. Цвета и шрифты
2. Логотип и иконку
3. Отображение и поведение различных элементов сайта
4. Настройки слайдера

Через визуальный редактор можно:

1. Менять порядок блоков на Главной
2. Редактировать тексты

Для темы оформления есть подробные инструкции по ее настройкам.

Изменим логотип и цветовую схему сайта.

Для изменения логотипа в пункте панели настроек «Логотип», загрузим подготовленный графический логотип (1, 2), сохраним настройки и увидим результат (3).

В разделе меню настроек «Дизайн» изменим цветовую схему сайта.

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

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

Создание каталога товаров

Планирование структуры каталога сайта.

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

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

Предварительно можно провести исследование сайтов конкурентов и изучить их структуру каталога товаров и вдохновляться ей.

После того, как будет составлена схема категорий и подкатегорий товаров, ее можно переносить на свой сайт.

Добавление категорий на сайте

Работа с каталогом товаров в InSales ведется в панели администратора сайта в разделе «Товары» – «Каталог товаров».

Все категории создаются внутри корневой категории, которая называется «Каталог» – она является служебной.

Корневая категория на сайте нигде не выводится, но доступна по прямой ссылке вида: адрес_сайта.ru/collection/all

Чтобы создать новую категорию – наведите курсор на «Каталог», нажмите кнопку «шестеренка» и выберите пункт «Создать подкатегорию»:

Новая категория появится в каталоге и можно будет сразу задать ее название:

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

По аналогии создаются подкатегории в категориях 1-го уровня.

Перенесем спланированную структуру категорий в бэк-офис сайта.

Смотрим, что получилось на фронт-части.

Структура категорий ровно в том же виде, как добавлена в бэк-офисе транслируется на сайте.

Наполнение каталога товарами

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

Самый простой и понятный способ – ручное наполнение.

Создание карточки товара.

Чтобы создать новый товар в категории, выберите нужную категорию и нажмите кнопку «+Товар»

Перед вами откроется интерфейс создания карточки нового товара.

Разберем его по элементам.

1. Название товара – в данное поле указывается название товара.

2. Краткое описание – в данное поле вносится краткое описание товара.

3. Полное описание – данное поле вносится полное описание товара с максимально развернутой информацией о товаре для потребителя. Также часто используется для SEO-текстов.

4. Параметры товара – перечень характеристик товара, на базе которых в дальнейшем настраиваются фильтры по товарам на сайте. Для блюд в параметрах целесообразно указывать состав и вес.

5. Учетные данные товара – данные необходимые для учета продаж. Для блюд достаточно указывать цену продажи и вес товара.

6. Чек-бокс «Применять скидки» – по умолчанию активен. Если вы не хотите, чтобы скидки применялись к конкретному товару (например, у вас есть наборы блюд, стоимость которых уже включает скидку).

7. Изображения товара – здесь добавляются изображения товаров.

8. Размещение товара на витрине – здесь можно выбрать в каких категориях на сайте будет выводиться товар, а также можно скрыть товар с сайта, не удаляя его в бэк-офисе.

9. Размещение товара на складе – аналогично предыдущему элементу управляет размещением товара, но уже на складе магазина.

10. Кнопки «Создать», «Создать и закрыть» и «Отмена».

Кнопка «Создать» – сохраняет товар без выхода из карточки.

Кнопка «Создать и закрыть» – сохраняет товар с выходом в категорию.

Кнопка «Отмена» – отменяет создание товара.

Нажмем кнопку «Создать» и посмотрим, как карточка товара выглядит на сайте.

На сайте карточка товара выглядит следующим образом.

Здесь используются все данные, которые вводились при создании товара в бэк-офисе.

Параметры товара выводятся во вкладке «Характеристики».

Таким образом все категории на сайте необходимо наполнить товарами.

Дополнительные возможности в карточке товара.

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

Самая главная из них – возможность добавлять свойства для товара.

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

После того, как вы создадите новое свойство, вы сможете добавить варианты товара.

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

На сайте у товара появится выбор свойств.

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

Помимо создания свойств в карточке товара появляются следующие возможности:

1. Редактировать SEO-параметры – канонический URL, тег Title, тег Description;

2. Предпросмотр сниппета страницы в поисковых системах;

3. Возможность добавлять сопутствующие и аналогичные товары.

Настройки категорий товаров

У каждой категории есть собственные настройки. Чтобы попасть в меню настроек категории, наведите курсор на ее название, нажмите на «шестеренку» и выберите пункт «Настроить категорию».

Мы попадем на страницу настроек категории.

Рассмотрим настройки категории подробнее:

1. Название категории – можно отредактировать;

2. URL-адрес категории – можно отредактировать, нажав на «карандаш»;

3. Размещение категории – указывается родительская категория;

4. Чек-бокс «Скрыть» – скрывает категорию с сайта, но оставляет ее доступной по прямой ссылке.

В бэк-офисе скрытые категории подсвечиваются серым цветом.

5. Чек-бокс «Содержит все товары из подкатегорий» – добавляет в родительскую категорию все товары из подкатегорий.

6. Чек-бокс «Умная категория» – позволяет автоматически добавлять товары, удовлетворяющие определенным условиям, из номенклатуры интернет-магазина в категории на сайте. Доступно с тарифа «Бизнес».

7. Сортировка товаров – определяет порядок вывода товаров в категории

8. Описание категории – текстовое описание категории. Выводиться на сайте.

9. Шаблон страницы категории – в InSales есть возможность создавать разные шаблоны для одной и той-же страницы. Например, «страница категории с выводом товаров плиткой» и «страница категории с выводом товаров строками». Настройка предназначена для верстальщиков.

10. SEO-параметры – позволяют заполнить мета-теги «title» и «description» для категории, а также увидеть превью сниппета страницы в поисковой системе.

11. Доп. описание категории – позволяет задать дополнительное текстовое описание категории. Например, если полное описание категории выводится в верхней части страницы, то доп. описание можно вывести в нижней.

12. Изображение категории – можно загрузить изображение категории.

Создание информационных страниц

Информационные страницы сайта – это страницы, на которых содержится важная для покупателя информация: о доставке, порядке оплаты заказов, контактами организации, отзывами и т.п.

На сайтах интернет-магазинов как правило создаются такие информационные страницы как:

1. Страница с описанием условий и географии доставки;

2. Страница с информацией о самой интернет-магазине;

3. Страница с информацией о текущих акциях и программе лояльности;

4. Страница с контактами и графиком работы.

В InSales информационные страницы создаются в разделе бэк-офиса «Сайт» → «Меню и страницы».

Здесь можно или создать новые страницы, или отредактировать текущие.

Создадим новую страницу «О доставке и оплате». Для этого нажмите кнопку «+Страница».

Далее указываем заголовок страницы и добавляем контент.

Также через сервис https://yandex.ru/map-constructor/ мы создали карту зон доставки и вставили ее на страницу «О доставке и оплате» через код страницы:

Сохраняем страницу и смотрим, что получилось на сайте с помощью кнопки «Открыть страницу на сайте» в верхней части бэк-офиса.

Подобным образом создаем и другие информационные страницы и наполняем их нужным контентом.

Создание верхнего и нижнего меню

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

Управление меню сайта также выполняется в разделе «Сайт» → «Меню и страницы»

Меню на сайте, выглядят аналогично той структуре, которая задана в бэк-офисе.

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

Верхнее меню:

1. Ссылка «Меню» – ведет на весь каталог товаров сайта;
2. Ссылка «Акции» – ведет на страницу с описанием текущих акций;
3. Ссылка «О доставке» – ведет на страницу «О доставке и оплате»

Нижнее меню:

1. Ссылка «О компании» – ведет на страницу с описанием компании;
2. Ссылка «Контакты» – ведет на страницу «Контакты»;

Для того чтобы скорректировать меню на сайте, перейдите в раздел «Контент» → «Меню и страницы».

Начнем с верхнего меню.

Ссылка «Каталог» ведет на все товары сайта.

Поэтому просто ее переименуем в «Меню».

Ссылку на страницу «О компании» переместим в нижнее меню перетаскиванием с зажатой левой кнопкой мыши.

Аналогично переместим из верхнего меню в нижнее ссылку на страницу «Контакты».

С помощью кнопки «Добавить», добавим в верхнее меню ссылку на страницу «О доставке и оплате».

Аналогично создаем в верхнем меню ссылку на страницу «Акции».

И удаляем лишние ссылки из меню.

Аналогичным образом формируем нижнее меню.

В итоге получаем примерно такую картину:

На сайте это выглядит так.

Настройка способов оплаты

Следующим шагом необходимо настроить способы оплаты на сайте.

Как правило интернет-магазины используют следующие способы оплаты заказов:

1. Оплата наличными или картой (курьеру при получении заказа или при самовывозе);
2. Онлайн-оплата картой на сайте при оформлении заказа.

Чтобы создать способы доставки, перейдите в раздел «Настройки» → «Оплата»

У нас уже создан способ оплаты «Наличными курьеру», переименуем его в «Наличными или картой» и добавим описание. Для этого нажмите на название способа оплаты.

Далее добавим онлайн-оплату банковскими картами на сайте.

В InSales доступно подключение платежных шлюзов для приема онлайн-оплат. Полный перечень интеграций с платежными сервисами доступен на странице: https://www.insales.ru/collection/apps-platezhnye-servisy

Для примера настроим интеграцию с ЮКаssa и приемом оплат на кошелёк ЮMoney. Для этого добавляем новый вариант оплаты из списка и нажимаем кнопку «Добавить».

Устанавливаем приложение.

Переходим в настройки интеграции.

Выбираем в качестве кого мы хотим работать: физ.лицо или юр.лицо.

Для юр.лиц необходимо предварительно заключить договор с платежным сервисом.

В целях упрощения процесса, выберем «Физ.лицо». Вводим номер своего кошелька ЮMoney (2). Его можно создать и скопировать на сайте ЮMoney (1). 

После чего выбираем какие способы оплаты хотим использовать на сайте.

После чего приложение создаст новый способ оплаты на сайте.

Переименуем его и добавим описание.

Настройка способов доставки

У интернет-магазина как правило есть доставка заказов курьером и самовывоз.

Помимо этого, курьерская доставка может быть ограничена определенными зонами доставки.

Создадим способ доставки «Самовывоз».

Для этого перейдите в раздел «Настройки» → «Доставка». У нас уже есть 2 способа доставки: «Самовывоз» и «Курьером».

Для начала отредактируем способ доставки «Самовывоз».

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

Далее добавим доставку курьером с привязкой к зонам доставки.

Весь процесс создания карты с зонами доставки описан в инструкции, в руководстве рассмотрим это вкратце.

Создадим новый способ доставки «Зоны доставки».

Для покупателей назовем его «Доставка курьером» и добавим описание.

Далее укажем, что минимальная сумма заказа для курьерской доставки должна быть 850 рублей.

Далее, следуя инструкции, загружаем файл GEO JSON.

Для каждой зоны укажем стоимость доставки.

При необходимости можно сделать бесплатную доставку в зону при определенных суммах заказов. Например, если заказ меньше, чем на 850 рублей, то доставка 150 рублей, а если больше, то доставка в зону будет бесплатной.

Далее укажем какие способы оплаты подходят для этого способа доставки.

Лишний способ доставки «Курьером» удалим.

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

Сначала клиент должен ввести номер телефона и населенный пункт (на InSales он определяется автоматически).

Далее выбрать способ доставки.

Если это будет курьерская доставка, то ввести адрес доставки и комментарий к заказу.

По адресу доставки автоматически определиться зона и стоимость доставки.

Далее покупатель указывает свои контактные данные и может зарегистрироваться.

И в конце выбирает способ оплаты и оформляет заказ.

Настройка оформления заказа

После того как были настроены способы доставки и оплаты, пришло время «причесать» страницу оформления заказа.

Важным моментом здесь является – запрашивать от покупателя только необходимые для выполнения заказа данные и исключить все лишнее.

Настройка страницы оформления заказа осуществляется в разделе бэк-офиса «Настройки» → «Оформление заказа».

Во-первых, отключим пункт «Населенный пункт», т.к. на сайте мы уже прямо сообщаем где работает доставка, а платформа сама умеет определять населенный пункт, откуда пришел посетитель.

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

Далее переходим в раздел «Настройки» → «Клиенты», где можно скорректировать запрашиваемые от клиента данные.

Например, не всегда нужен email покупателя, а достаточно номера телефона.

Email понадобиться только если вы хотите использовать личный кабинет покупателя или делать информационные рассылки на email с новостями и акциями.

В разделе «Настройки» → «Авторизация» можно настроить процесс регистрации на сайте или отключить ее, а также настроить регистрацию через соц.сети.

После того как все настроено, страница оформления заказа принимает лаконичный и завершенный вид.

Процесс оформления заказа теперь выглядит следующим образом:

1. Запрашиваем номер телефона клиента

2. Предлагаем выбрать способ получения заказа

3. Если выбран способ доставки «Самовывоз», то не запрашиваем адрес доставки, если выбрана «Курьерская доставка», то уточняется адрес доставки

4. Далее поле ввода комментария к заказу

5. Далее данные покупателя – имя и email (если поле не было отключено) + возможность зарегистрироваться на сайте

6. В конце выбирается способ оплаты и подтверждение заказа

Если была выбрана онлайн-оплата, то после подтверждения заказа, покупателя сразу направит на страницу платежного шлюза. В нашем случае – это ЮMoney.

Заказ при этом отправляется в бэк-офис сайта, где оператор может его обработать.

В карточке заказа мы видим все необходимые данные по заказу, а также можем распечатать товарный чек.

Подключение домена и SSL-сертификата

Последним шагом для запуска сайта необходимо подключить домен к сайту и SSL-сертификат для защиты данных покупателей.

Зарегистрировать домен для сайта можно прямо в бэк-офисе в разделе «Настройки» → «Домены», нажав на кнопку «Зарегистрировать домен».

После регистрации домена, здесь же можно подключить SSL-сертификат.

После того как домен и SSL-сертификат подключены, можно публиковать сайт в интернете.

На этом завершается цикл создания сайта интернет-магазина.

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

Домен и SSL-сертификат

Домен – это имя вашего сайта. У каждого сайта в интернете есть своё доменное имя, например, insales.ru – это доменное имя сайта нашей платформы.

В случае с сайтом интернет-магазина, домен – это еще и бренд.

Для своего сайта Вам также потребуется подобрать красивое доменное имя, которое станет названием вашего бизнеса в Интернете.

Для подбора свободных доменных имен есть удобный сервис, встроенный прямо в бэк-офис вашего сайта в разделе «Настройки» → «Домены» → «Подобрать домен»:

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

Правила выбора домена для сайта:

1. Домен должен легко восприниматься на слух.

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

2. Домен не должен быть длинным.

Очень часто домен используют в логотипе магазина, также длинный домен сложно запомнить вашим покупателям. Также при использовании длинного домена появляется очень много вариантов его написания. Используйте короткий и простой домен.

3. Домен должен быть легок для восприятия людьми, не знающими английский.

4. Не используйте сложную транслитерацию в домене.

Под этим подразумевается написание русского слова транслитом. Например, слово «пицца» легко превращается в «pizza». Легко пишется и легко запоминается. А как вы, например, напишете транслитом слово «вкусный»? «vkusniy» или «vkusnii»? Или как-то еще?

5. В домене используйте слова, близкие к вашей сфере.

Это хорошо по двум причинам: из названия домена сразу понятна сфера деятельности сайта; сайт с таким доменом проще продвигать по ключевым фразам, содержащимся в названии домена.

Зачем нужен SSL-сертификат?

Наличие SSL-сертификата позволяет конфиденциально передавать данные по HTTPS-протоколу с использованием 256-разрядного шифрования данных – иными словами соблюдать требования 152 ФЗ «О персональных данных».

На практике наличие SSL-сертификата дает несколько преимуществ сайту:

1. Повышает уровень доверия к сайту у пользователей.

Например, так выглядит адресная строка в браузере у сайта с SSL-сертификатом:

Серый или зеленый замочек и никаких предупреждений. Все хорошо.

А так у сайта без SSL-сертификата:

Тут браузер сразу предупреждает, что соединение не защищено. Что часто будет отпугивать клиентов.

В худшем случае будет так:

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

2. Сайты, работающие по безопасному соединению, более популярны в выдаче поисковых систем.

Например, в поиске Яндекса защищенные SSL-сертификатом сайты помечаются как надежные и выше ранжируются.

3. Избежать подмешивания рекламного трафика в браузер пользователя при посещении вашего сайта. Этим грешат в частности некоторые мобильные операторы.

Подключить SSL-сертификат можно также прямо в бэк-офисе сайта после регистрации домена в разделе «Настройки» → «Домены»:

Регистрация сайта в Вебмастере

Яндекс.Вебмастер – это сервис, который помогает владельцу сайта управлять индексацией с сайта в поисковой системе Яндекс.

В Яндекс.Вебмастер нужно добавить сайт, чтобы робот Яндекса узнал о его существовании. С его помощью владельцы ресурсов (веб-мастера) могут доказать, что это именно их сайт.

Ещё в Вебмастере можно посмотреть:

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

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

Как зарегистрировать сайт в Яндекс.Вебмастер:

1. Перейдите на страницу сервиса: https://webmaster.yandex.ru/ (понадобиться учетная запись в Яндексе);

2. Добавьте домен сайта:

3. Далее нужно подтвердить права на сайт. Для этого выберите тип подтверждения «HTML-файл» и скачайте файл верификации:

4. Скачанный файл добавляем в раздел «Сайт» → «Файлы» в бэк-офисе вашего сайта:

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

6. Если все сделано верно, то проверка пройдет успешно и сайт будет добавлен в Яндекс.Вебмастер:

Какие настройки сразу можно сделать в Вебмастере.

Сайт добавлен в поиск, теперь робот точно зайдёт к вам и проиндексирует его. Обычно это занимает от 7 до 14 дней.

Что делать в Вебмастере дальше?

1. Добавить ссылку на карту сайта, чтобы робот быстрее индексировал ресурс, добавьте в Вебмастер файл sitemap.xml. В этом файле содержатся адреса всех страницах ресурса. В InSales файл sitemap.xml формируется автоматически и всегда доступен по ссылке вида ваш_домен.ru/sitemap.xml

2. Задайте регион сайта – это тот город, где вами осуществляется доставка:

Другие возможности Вебмастера мы рассмотрим далее в руководстве, т.к. они будут нужны для некоторых способов продвижения сайта.

Подключение на сайт Яндекс.Метрики

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

После подключения к сервисам Яндекс.Вебмастер и Яндекс.Метрика вы будете получать достаточное количество информации для управления позициями сайта и его посещаемостью. Это незаменимые инструменты для владельцев сайтов, желающих продвинуть свои ресурсы в самом популярном в России поисковике.

Как добавить счетчик Яндекс.Метрики на сайт:

1. Перейдите в сервис https://metrika.yandex.ru/ и нажмите кнопку «Добавить счетчик»:

2. Укажите имя счетчика, адрес сайта, часовой пояс и включите вебвизор:

3. В InSales есть готовый модуль для подключения Яндекс.Метрики, поэтому нам нужен только номер счетчика. Его можно получить на вкладке «CMS и конструкторы сайтов»:

4.Копируем номер счетчика, и вставляем его в бэк-офисе вашего сайта в разделе «Настройки» → «Счетчики и коды» → «Код Яндекс.Метрика для анализа посетителей на сайте»:

Не забываем нажать кнопку «Сохранить» в нижней части страницы.

5. После того, как номер счетчика был добавлен в бэк-офисе вашего сайта, перейдите на страницу https://metrika.yandex.ru/list/ и проверьте все ли было сделано правильно:

Если нажать на значок проверки, то он должен стать зеленым.

Счетчик подключён, теперь все данные о посещаемости сайта собираются в Яндекс.Метрике.

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

Заключение

На этом, с технической точки зрения, интернет-магазин можно считать созданным, если что-то не нашили в нашей инструкции, то вы всегда можете обратиться к документации или поддержке InSales. Вам предстоит проделать еще много работы по продвижению и выводу вашего интернет-магазина в прибыль, а в нашем Университете InSales вы найдете много статей, которые помогут вам в этом. Мы искренне желаем, чтобы у вас всё получилось!

Возможно вам также будет интересно:

Если вам кажется, что бизнес пора перевести в онлайн, то вам не кажется. Сегодня для многих сфер торговли это вообще единственный способ выживания.

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

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

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

Шаг первый – определиться с нишей, ЦА, конкурентами

Если у вас уже есть бизнес, товары для продажи, стратегия продвижения – осталось только перенести все это в онлайн. Если нет – до открытия интернет-магазина подумайте над следующими моментами:

1. Ниша. Обратите внимание на товары, которые сейчас, пользуются особым спросом. Это продукты питания, электроника, товары для дома и дачи, детские товары, бытовая техника. Объем спроса поможет определить сервис Яндекс.Вордстат – там можно посмотреть, как часто пользователи делают определенный запрос (“купить лимоны недорого”, например). Также можно посмотреть статистику по конкретному региону (поможет понять, на какой город делать упор) и времени.
2. Ассортимент. Даже если вы много лет успешно торговали определенными товарами, кризис диктует свои условия. Подумайте, стоит ли расширить ассортимент интернет-магазина и какие товары в него включить.
3. Целевая аудитория. Если у вас уже составлены портреты основных сегментов ЦА, отлично. Подумайте, не добавились ли к ним другие категории пользователей – понять это можно, ответив на вопрос из предыдущего пункта.
4. Название интернет-магазина. Должно быть запоминающимся, благозвучным и релевантным вашей нише. Когда придумаете – не забудьте проверить, не зарегистрирован ли уже такой товарный знак, запатентуйте его и выберите доменное имя.
5. Основные конкуренты. Сейчас, в условиях кризиса, на рынке появилось много новых игроков. Изучите их, проанализируйте сайты, структуру, дизайн и наполнение и подумайте, что можно перенять.

Шаг второй – определение ценовой категории

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

Покупатели VIP-товаров не простят технические проблемы в работе сайтов

Это позволит более точно подобрать ассортимент и инструменты его продвижения, исходя из следующих факторов:

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

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

Шаг третий – найти поставщиков

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

В целом, выбор поставщика для интернет-магазина состоит из следующих этапов:

1. Определение объёма и периодичности закупок, от которых будут зависеть скидки.
2. Выбор схемы работы.
3. Поиск поставщиков.

Рассмотрим этапы подробно.

Покупать у дилера или производителя?

Объём закупок во многом будет определять, у кого вы сможете покупать товар. Это можно делать у:

• дилеров;
• дистрибьюторов;
• производителей.

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

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

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

Преимущества российских поставщиков

Да, в Китае и выбор товаров получше, и производителей больше, но российские поставщики всё равно имеют ряд преимуществ:

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

Многое при выборе страны поставщика зависит от категории товара.

В России существует реестр производителей промышленной продукции

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

Выбор схемы работы

Существует несколько схем работы с поставщиками:

1. Закупать товары партиями и хранить их дома или на складе. В таком случае вы будете уверены, что выполните заказ в срок. Но при этом деньги, которые могли бы пойти на расширение ассортимента, заморожены в остатках продукции.
2. Заказывать товар поставщику только при поступлении заказа. При этом поставщик может напрямую отправлять посылку покупателю. Такую услугу называют дропшиппингом, хотя по своей сути это вид фулфилмента.
3. Комбинировать первую и вторую схему: популярные товары закупать на склад, а редко заказываемые – отправлять по дропшиппингу.

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

Где искать поставщика?

Возможные способы найти поставщика для интернет-магазинов давно известны:

1. Поисковые системы Google и Яндекс. При поиске не останавливайтесь на первой странице поисковой выдачи, пройдитесь по первой сотне результатов.

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

3. Выставки, ярмарки. Эти мероприятия последние годы проводятся параллельно и в онлайне, поэтому не обязательно ехать смотреть системы видеонаблюдения в Москву или Екатеринбург. Можно «пройтись» по выставочным залам и сидя дома за компьютером.

4. Местные производители. Этот вариант подходит преимущественно для жителей крупных городов.

5. Поставщики конкурентов. Узнать о них можно на упаковке продукции. Особенно информативен этот способ для импортированных товаров. Также можно попросить продавца показать сертификат качества или другой документ на товар, на котором обязательно будет указана российская компания, занимающаяся сертификацией и продажей такой продукции.

6. Онлайн-каталоги. Некоторые сайты специализируются на предоставлении информации о поставщиках тех или иных товаров.

Примеры российских сайтов:

• postavshhiki.ru;
• optlist.ru;
• opt-union.ru;
• dropo.ru.

Примеры международных сайтов:

• all.biz;
• esources.co.uk;
• goolzi.com;
• 4wholesaleusa.com.

Сайт all.biz для поиска поставщиков заграницей

Примеры сайтов из Азии:

• alibaba.com;
• taobao.com;
• 1688.com.

Российским поставщикам рекомендуется сразу звонить, а не писать. Логика заключается в том, что люди, которых действительно интересуют товары компании, обязательно позвонят, а пишут поставщикам преимущественно просто для интереса.

Про что спрашивать у поставщика?

При общении с поставщиком нужно выяснить у него следующие вопросы:

1. Цену товара в зависимости от объёма закупок.
2. Минимальная ежемесячная и разовая партия.
3. Где находятся склады поставщика.
4. Периодичность, способы и стоимость доставки.
5. Наличие обязательной сопроводительной документации (сертификаты, декларации соответствия и прочее).
6. Кто будет доставлять товар и гарантии отгрузки.
7. Варианты оплаты и отсрочки платежа.
8. Как часто обновляется товар у поставщика.
9. Условия возврата.

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

Шаг четвертый – юридическое оформление интернет-магазина

Чтобы открыть интернет-магазин с нуля, не нужно быть предпринимателем. Но в таком случае перед вами закроется возможность использовать интернет-эквайринг (оплата на сайте картами) и наложенный платеж (нужно заключать договор с почтовыми операторами). Таким образом, учитывая современные тенденции в e-commerce, отсутствие официального оформления фактически означает невозможность ведения бизнеса.

ИП или ООО: что выбрать?

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

Выбор системы налогообложения при открытии ИП интернет-магазина с нуля невелик:

• ОСНО;
• УСН.

ОСНО целесообразно выбирать, если планируется значительная часть поставок юридическим лицам и есть необходимость регистрации плательщиком НДС. В противном случае выбирайте УСН.

Как выбрать ставку на УСН?

На упрошенной системе налогообложение есть две налоговых ставки:

• 6% от валового оборота;
• 15% от разницы между расходами и доходами.

Естественно, что все доходы и расходы должны быть подтверждены соответствующими документами.

Перечень возможных систем налогообложения для открытия интернет-магазина

Ставку 15% стоит выбрать, если интернет-магазин торгует с минимальной наценкой, а зарабатывает при этом за счет хорошего торгового оборота. Если же планируется продажа высокомаржинальных товаров с пяти- или шестизначными ценами и небольшим количеством продаж, то лучше воспользоваться налоговой ставкой 6%.

Шаг пятый – создание бизнес-плана

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

Также при составлении бизнес-плана нужно учесть следующие расходы:

• закупка товара;
• затраты на онлайн-кассы;
• содержание домена и обслуживание сайта;
• логистика (транспорт, доставка, хранение);
• расходы на рекламу и продвижение;
• брак и возвраты.

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

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

Шаг шестой – подбор имени интернет-магазина

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

Структура доменного имени

Доменное имя – это идентификатор интернет-магазина, по которому любой пользователь сможет найти его в поисковике или в браузере.

Несколько лет назад количество доменов первого уровня резко возросло. Например, сейчас можно создать сайт с именем ***.shop или ***.boutique. Также можно использовать домены с российскими буквами.

Кроме того, имя интернет-магазина, созвучное с его основным направлением торговли, повышает его место в поисковой выдаче.

Шаг седьмой – создать сайт интернет-магазина

Для того чтобы создать сайт интернет-магазина, не нужны программисты, разработчики, верстальщики и дизайнеры. Все легко можно сделать самостоятельно при помощи специализированого SaaS (облачного) сервиса платформы интернет-магазина InSales. Она позволяет выбрать шаблон дизайна и прикрутить весь необходимый инструментарий: систему оплаты и расчетно-кассовое обслуживание, доставку, поиск поставщиков и инструменты для продвижения в интернете.

Почему для создания сайта интернет-магазина нужно выбрать InSales:

• стоимость тарифного плана. Тариф зависит от количества размещаемых товаров, необходимого функционала и количества бесплатных доработок;
• мощный движок и надежный хостинг. Платформа развивается с 2008 года как специализированная CMS для интернет-магазина, поэтом имеет богатый функционал и защиту от хакерских атак;
• функционал платформы. InSales имеет внутри абсолютно все для начала успешных продаж: системы оплаты, доставки, учета товаров и продвижения. А если чего-то нет внутри платформы, то это обязательно есть в магазине приложений;
• время ответа техподдержки. Поддержка InSales работает в режиме 24/7 и всегда поможет вам при возникновении любых вопросов;
• адаптивные шаблоны дизайна. Вы можете воспользоваться готовыми шаблонами или заказать индивидуальный дизайн;
• простота выгрузки и импорта товаров. Товары можно загрузить вручную или из существующих выгрузок;
• продвижение. InSales имеет расширенный SEO-функционал и большой набор для маркетинга, рекламы и аналитики интернет-магазина.

Техническая поддержка и документация. Техподдержка не оставит вас наедине с вопросами и сложными ситуациями. Всё, что вызовет у вас трудности – будет решено опытными специалистами.

Начинающим предпринимателям желательно использовать SaaS-решения (тот же InSales), которые гарантируют стабильность платформы и наличие технической поддержки. При расширении магазина и желании перейти на индивидуальный дизайн, уже можно присматриваться к переходу на другие CMS. Но нужно иметь ввиду, что при этом расходы на содержание сайта вырастут на порядок.

Шаг восьмой – выбрать дизайн сайта

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

1. Дизайн должен быть удобным. Клиент – король, и в онлайн-торговле это правило тоже работает. Сделайте удобное меню, разбитое на категории товаров, заметную кнопку корзины, яркие кнопки заказа. Пользователь должен перемещаться по сайту легко и свободно.
2. Стильность и лаконичность. Уже давно не в моде кричащие цвета, вычурные шрифты, плотное безвоздушное пространство на страницах.
3. Красивые картинки. Причем не только нейтральные, но и ваши собственные фотографии: товаров, команды магазина, владельца. Видео, кстати, тоже не помешает.
4. Фирменный стиль. Если у вас он уже разработан, просто перенесите его в онлайн, заказав индивидуальный дизайн.

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

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

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

Шаг девятый – добавить товары на сайт

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

Шаг десятый – настроить оплату

Оплата на сайте обеспечивается путем подключения интернет-эквайринга. Для этого придется открывать банковский счет и подписывать договор с банком или платежным агрегатором.

Технически интернет-эквайринг обеспечивается путем установки и настройки на сайте соответствующего модуля, предоставленного эквайером.

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

Также ИП должен быть готов отдавать эквайеру 3-5% от своей выручки. Именно столько стоит его работа.

Схема работы эквайринга интернет-магазина

Выбирать эквайера следует по таким параметрам:

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

Конечно, сотрудники банка помогают с настройкой эквайринга. Но для максимальной защиты и стабильности желательно пользоваться «родными» для CMS модулями эквайеров, например сервисом ЮKassa на InSales.

Также интернет-эквайринг должен быть интегрирован с онлайн-кассой. Лучшим вариантом для ИП будет подключить онлайн-кассу для интернет-магазина ЕКАМ.Онлайн. Либо вы можете выбрать одного из других агрегаторов платежей в каталоге интеграций.

Шаг одиннадцатый – настроить доставку

В платформе предусмотрены разные виды доставки – осталось только выбрать подходящие. Вы можете организовывать доставку как собственной курьерской службой, так и курьерскими компаниями или Почтой России. Также в случае продажи цифрового контента возможна доставка по электронной почте.

В InSales представлено несколько вариантов расчета доставки. Это фиксированная стоимость доставки, калькуляторы Почты России, ApiShip и Boxberry. Вы можете также настроить бесплатную доставку для заказов более определенной суммы, стимулируя при этом покупателей добирать в заказ позиций, чтобы получить бесплатную доставку.

Доставка – деньги, собственная доставка вряд ли будет выгодная.

Шаг двенадцатый – настроить маркетинг и рекламу

Все, интернет-магазин создан, осталось заявить о себе в сети. Не будем изобретать велосипед – советуем воспользоваться проверенными способами. Это контекстная реклама, поисковое продвижение и реклама в соцсетях.

Чтобы не тратить время на поиск специалистов, лучше опять воспользоваться готовыми интеграциями.

Есть и другие способы онлайн-продвижения. Это не совсем реклама, скорее маркетинг и коммуникация с клиентами. Например, рассылка продающих писем, установка на сайт виджетов, система сбора отзывов покупателей, сервис по возврату брошенных корзин, сервис СМС-уведомлений и другие.

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

Структура SEO-параметров интернет-магазина

Рассмотрим основные ошибки SEO-оптимизаторов:

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

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

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

3. Неправильная SEO-оптимизация внутренних настроек сайта (тэгов, заголовков, верстки и прочих). Именно поэтому новичкам лучше выбирать для открытия интернет-магазина готовый CMS с удобными SEO-настройками, например InSales.

4. Технические проблемы и внутренние ошибки при настройке. На бесплатном хостинге ожидать бесперебойную работу сайта на стоит. Поэтому лучше заплатить пару тысяч рублей за платный тариф и обезопасить себя хотя бы от части технических проблем.

В принципе, первоначальную SEO-настройку можно сделать самостоятельно по рекомендациям авторитетных источников в интернете.

Шаг тринадцатый – настроить аналитику

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

Аналитика давно переросла Excel-таблицы. Сейчас в вашем распоряжении масса специальных сервисов, которые просканируют ваш бизнес вдоль и поперек. Это всевозможные системы сквозной аналитики, детектор пользовательских данных на сайте и другие. Выбирайте те платформы, в которых есть такие интеграции. Ну и конечно же не забудьте поставить на сайт Яндекс.Метрику и Google Аnalytics – они сильно помогут с анализом посещаемости сайта вашего магазина.

Кабинет аналитики на сайтах InSales

Какие показатели нужно отслеживать?

1. Статистические показатели сайта: количество возвратившихся покупателей и посетителей, доля новых клиентов в дневном трафике, среднедневное количество уникальных посетителей интернет-магазина, источники трафика
2. Экономические показатели: ежемесячный объем продаж, средний чек, средняя прибыль с продажи, рекламные расходы, доход от одного покупателя, конверсия.
3. Показатели продаж: среднедневное количество покупок, количество продаж за месяц, число возвратов, распределение заказов по разным каналам продаж.

Обязательно регулярно анализируйте показатели брошенных корзин и незавершенных заказов. Это позволит понять причин ухода покупателей и повысить конверсию.

Заключение

Итак, вы успешно прошли эти 13 шагов. Спорим, удалось справиться за день!? Если нет, смело обращайтесь в поддержку, вам всегда там помогут. А впереди – долгие месяцы и годы успешной работы. Мы надеемся, что у вас все получится и желаем высоких продаж и лояльных клиентов. Удачи!

Программистам часто приходят заказы на создание онлайн-магазинов разного масштаба. В этом году интерес к бизнесу в интернете и торговым площадкам в частности заметно увеличился.

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

Особенности разработки интернет-магазинов

По данным аналитического агентства Data Insight, в России всего 2000 магазинов с числом заказов 10 в сутки. Конверсия в покупку зависит от многих факторов, но качество и удобство сайта входит в число самых важных. На плечах разработчика лежит ответственность не только перед заказчиком, но и перед покупателями, которые будут пользоваться каталогом, корзиной и формой заказа.

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

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

Процесс разработки интернет-магазина отличается от создания корпоративного сайта или портала, но у них много общего. Любой digital-проект начинается с технического задания и заканчивается актом принятия работ. Между этапами будет много правок, согласований и компромиссов.

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

Бывает так, что клиент хочет продавать в интернете нестандартные товары, которые люди покупают в офлайн-магазинах. Он тратит 100-200 тысяч рублей на сайт, вкладывает деньги в рекламу, а заказов приходит крайне мало. С удобством и быстродействием сайта проблем нет, но люди звонят, только чтобы уточнить характеристики товаров, а пользоваться корзиной не хотят.

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

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

Бизнесу, который продаёт уникальные товары не массового производства, интернет-магазин с онлайн-оплатой, личным кабинетом и другими сложными модулями может вообще не понадобиться. Можно сделать лендинг, разместить галерею фотографий и принимать заказы по телефону.

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

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

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

Ещё один важный момент — онлайн-оплата. Если её на сайте нет, то это не интернет-магазин, а просто каталог. В этом случае нет необходимости создавать уникальную CMS. Проще взять готовое решение, проверенное временем. Например, Bitrix, InSales или Woocommerce.

Этапы разработки сайта

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

Формирование технического задания

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

ТЗ — фундамент, на котором держится успешное сотрудничество между заказчиком и подрядчиком. В файле описываются все задачи, которые должен реализовать программист. От «каркаса» сайта до подключения платёжных агрегаторов. Всё, что выходит за рамки файла, делать не надо.

Выбор CMS

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

Всего есть 3 варианта: популярные CMS с модулями интернет-магазинов, облачные конструкторы и самописные движки. Первые два варианта идеально подойдут для 80-90% торговых площадок, оставшиеся 10% — это нестандартные проекты с потребностями, которые не могут закрыть готовые решения.

При выборе CMS надо обязательно учитывать масштаб сайта. Если бюджет на рекламу позволяет привлекать десятки тысяч посетителей каждый день, то стоит обратить внимание на инструменты, которые хорошо справляются с высокой нагрузкой. Например, Bitrix не падает от 10-20 тысяч уникальных пользователей в сутки, но понадобится VPS-сервер.

Разработка макета

Некоторые клиенты пытаются сэкономить на услугах дизайнеров и поручают создание внешнего вида программистам. Они показывают сайты конкурентов и просят сделать аналогичный проект, но слегка изменить структуру или цветовую гамму.

Разработчикам не стоит соглашаться на такие условия. Даже если заказчик обещает увеличить стоимость проекта на 20-30%. Нет ничего лучше, чем верстать сайт по готовому макету, который сделан с хирургической точностью.

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

Верстка страниц

После завершения работы над макетом наступает самый ответственный момент — превращение картинки в «живой» сайт, который будет представлять собой базовый прототип будущего проекта.

Уже на этом этапе надо постараться получить от клиента максимум информации. Даже если он утверждал макет, могут появиться изменения, которые лучше внести до интеграции HTML-кода в CMS.

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

Интеграция в CMS

После того, как вёрстка подготовлена для дальнейшей работы, начинается процесс натяжки на CMS. HTML-код интегрируется в шаблоны Bitrix, WordPress или другой системы управления контентом.

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

Подключение модулей

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

Определить список плагинов, которые понадобятся для закрытия всех задач из технического задания, надо до начала разработки. Если сделать это позже, может оказаться, что готовых модулей нет, и бюджет проекта увеличится ещё на 50%.

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

Финальная доработка

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

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

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

Советы разработчикам, которые уберегут от ошибок

И новички, и опытные программисты часто допускают ошибки, которые затрудняют работу над проектом или ставят под угрозу сотрудничество с компаниями. Воспользуйтесь нашими советами, чтобы сэкономить время, нервы и деньги.

Не работайте без технического задания

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

В процессе выясняется, что проект должен работать на базе уникальной CMS. Заказчик хочет самописный движок для мини-каталога на 10 товаров и переубедить его не получается.

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

Обязательно читайте договор

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

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

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

Оценивайте свои силы

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

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

Лучше отказаться от работы до того, как клиент внесёт предоплату и пройдёт 50% срока, указанного в договоре. Тогда уже не получится решить проблему без последствий для репутации.

Говорите клиентам правду

Если в техническом задании или логике работы будущего интернет-магазина есть критичные проблемы, не бойтесь высказать своё мнение. Новички думают, что таким поведением они оттолкнут потенциального клиента, но это не так. Заказчики наоборот будут довольны тем, что сэкономили время и деньги.

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

Не беритесь за провальные проекты

Если клиент просит обновить интернет-магазин, но оставить самописный движок, который создавался в начале 2000-х и с тех пор не обновлялся, не стоит брать на себя такую ответственность. Расскажите заказчику, почему лучше не начинать делать эту задачу и пойти другим путем.

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

Чтобы сохранить свои нервные клетки и заниматься по-настоящему крутыми проектами, отказывайтесь от задач, которые невозможно реализовать в том виде, который нужен заказчику. Даже если бюджет превышает стандартный чек в 2-3 раза.

Устанавливайте сроки с запасом

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

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

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

Привлекайте сторонних специалистов

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

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

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

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

Создание интернет-магазина – современный и прибыльный бизнес уже сегодня

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

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

Какие ещё преимущества даёт интернет-магазин?

Хороший сайт для магазина – это «лицо» компании в интернете. Популярность фирмы, ее продуктов и услуг зависят от него. Грамотно разработанная площадка, в которой учтены все нюансы бизнеса, будет:

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

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

Основные разделы интернет-магазина

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

• главная страница – первое, что видит клиент, заходя на сайт. Страница должна отражать основную идею магазина, вовлекать посетителя и предоставлять информацию о ключевых разделах, текущих акциях и способах связи. (В некоторых маркетах на «главную» вынесена информация о последних поступлениях, товаре дня и популярных позициях среди покупателей);
• каталог товаров – отдельная страница, где собран весь ассортимент магазина с кратким описанием и ценой. Сколько здесь будет подразделов, зависит только от многообразия выбора;
• страница товара – раздел, открывающийся пользователю после клика на название продукта. Обычно на странице подробно описываются характеристики товара, его свойства и стоимость, возле которой находится кнопка «Купить»/«Добавить в корзину» и подобные;
• доставка и оплата – клиентам важна ясность, поэтому отдельный раздел с информацией о возможных способах доставки и оплаты поможет быстрее сориентироваться и совершить покупку;
• контактная информация и форма обратной связи – основные контакты менеджеров должны быть видны на каждой странице, но для того чтобы вместить полные данные, понадобится отдельный раздел, куда для удобства может быть добавлена форма обратной связи;
• блог/новости – если вы хотите максимально заинтересовать аудиторию, то отдельный блок с полезной информацией о товарах поможет задержать потенциального покупателя на сайте, некоторые статьи способны убедить в покупке или ответить на большинство вопросов об использовании. Добавляя раздел с новостями, вы сможете регулярно рассказывать читателям об изменениях в магазине и актуальных акционных предложениях.

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

Как сделать сайт самому?

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

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

• набор дизайн-решений для будущего маркета (в большинстве конструкторов дизайны размещены по отдельным папкам в зависимости от специфики деятельности. Например, если вы хотите создать интернет-магазин электроники, то вам будет предложено выбрать варианты в сдержанных расцветках, соответствующих ожиданиям целевой аудитории. Рассчитывать на многообразие выбора в отдельной отрасли не нужно, но для того чтобы создать простой интернет-магазин, оформление подойдёт);
• интуитивно понятные настройки (пользователям, решившим создать интернет-магазин бесплатно самому, но ещё не сталкивавшимся с разработкой и не имеющим должного опыта, сложно сориентироваться в настройке сайта. Для этого в конструкторе реализованы кнопки, нажав на которые, вы моментально смените дизайн, текст или загрузите контент);
• каталог товаров (базовый каталог в конструкторе позволит вместить около 100 позиций, этого будет мало, например, чтобы создать интернет-магазин электроники, поэтому понадобится расширять функционал, доплатив за услугу).

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

Решая создать сайт в конструкторе самостоятельно, вы, вероятнее всего, столкнётесь с отсутствием возможности оплаты товара из корзины. Такая особенность неприемлема для современного ресурса с амбициями, поэтому рекомендуем использовать бесплатные конструкторы как базу для определения концепции и общего стиля площадки.

Этапы создания интернет-магазина в агентстве

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

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

1. Аналитика бизнеса. Первое, что необходимо для начала работы – это знакомство с бизнесом, его сильными и слабыми сторонами. Специалисты оценивают все нюансы и особенности направления, разрабатывая соответствующий запросам план действия. Более того, происходит тщательный анализ конкурентов, позволяющий выявить стратегию продвижения, которая начинает внедряться уже на стадии разработки проекта.
2. Определение структуры. Схема ресурса – это ключ к предоставлению информации пользователям. Хорошая структура каталога предполагает простой и быстрый доступ к нужному товару и служит основным критерием оценки качества страницы пользователями. Как правило, специалисты предлагают несколько решений, из которых вам предстоит выбрать понравившийся вариант.
3. Прототип. Создаётся схематическое оформление всех страниц. Это позволяет заранее оценить будущий результат, выделить правильные решения и отсеять неэффективные. Только после утверждения прототипа может быть продолжен процесс создания сайта магазина.
4. Вёрстка. Все элементы связываются между собой, создавая единый ресурс. В результате вы получаете готовый для запуска сайт, не наполненный информацией.
5. Наполнение. Редактирование, заполнение блоков и разделов каталога товарами, ценами, текстами, изображениями, аудио, видео. Разрабатывая онлайн-маркет, следует добавлять значимый контент. Только полезная и интересная информация привлекает посетителей и задерживает их на странице.
6. Тестирование. Окончательный этап, позволяющий оценить надёжность площадки: как ресурс ведёт себя при большом количестве посетителей, насколько быстро проходит оплата и как онлайн-магазин отображается на всех видах устройств – это важно знать перед запуском сайта в сеть.

После это ведутся настройки хостинга и подготовка к продвижению в Яндекс и Google, а заказчику передаётся код доступа к административной панели площадки.

Создать и продвигать сайт под ключ – означает творчески подойти к процессу, учитывать преимущества, недостатки компании, отстроиться от конкурентов, предложив клиентам уникальное решение.

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

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

• выделенную команду специалистов;
• подробный разбор ключевых конкурентов;
• увеличение посещаемости;
• результаты вне зависимости от сложности работы.

Особенности сотрудничества с нами

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

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

Отсутствие ошибок. Корректный код, отсутствие уязвимостей – ваша веб-площадка будет надёжно защищена от высокой нагрузки и атак злоумышленников. Это очень важно для интернет-магазина, где ежедневный поток посетителей доходит до предельных отметок.

Привлечение целевой аудитории. Наша цель заключается не только в увеличении трафика. Ведь даже ежедневная большая посещаемость не обеспечит высокий уровень продаж, если посетителями станут незаинтересованные пользователи. Мы создаём интернет-магазины, ориентируясь на привычки и предпочтения целевой аудитории, что позволяет подвести любого посетителя к заветной кнопке «Заказать»/«Купить».

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

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

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