Как создать интернет-магазин самому

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

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

Но обо всё по порядку.

На чём лучше создать интернет-магазин?

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

• Использование онлайн-конструкторов (готовых облачных платформ).
• Запуск магазина на базе профильного или универсального движка (CMS-системы).
• Использование CMF-систем или популярных фреймворков.

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

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

Итого, для новичков остаётся фактически только два варианта:

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

Самый простой, быстрый и доступный по финансам путь – использование облачных конструкторов. Это специальные или универсальные сервисы, которые предлагают готовую инфраструктуру для ваших проектов. В инфраструктуру обычно уже включены: хостинг, техподдержка, готовый движок, каталог шаблонов (платных и бесплатных), удобные инструменты наполнения страниц и редактирования дизайна/макетов, API, готовые интеграции важных внешних инструментов (платёжные сервисы, службы доставки, аналитика, рассылки, IP-телефония, CRM-системы и т.п.).

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

Всё это вы получаете в формате подписки – в любой момент оплату можно просто не продлевать.

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

Более продвинутая альтернатива конструкторам – CMS-системы. Они бывают узкопрофильные (изначально предназначенные для запуска магазинов) или универсальные, но с эффективными модулями (плагинами/расширениями) магазина. С их помощью вы можете дополнить движок недостающим функционалом.

Запуск магазина на CMS-системе сопряжён с рядом сложностей. Например, даже если вы выберете в качестве основы какой-нибудь бесплатный движок, как WordPress или OpenCart (см. наше сравнение), это никак не избавит вас от дополнительных расходов на оплату хостинга и домена, на покупку плагинов и тем, на оплату важных подписок (CDN-сервисы, рассылки, CRM) и т.д.

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

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

Чтобы раскрыть тему создания интернет-магазинов, обратимся к конкретным примерам.

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

Общий порядок запуска интернет-магазина ничем не отличается от запуска простого сайта. Другим будет только контент и функционал платформ.

1. Вы регистрируетесь (создаёте аккаунт) в выбранной платформе, определяетесь с подпиской/оплатой.
2. Выбираете шаблон/стиль оформления.
3. Наполняете каталог и другие страницы магазина.
4. Настраиваете параметры сайта, добавляете свой домен, публикуете сайт.
5. При необходимости задействуете дополнительные шаги и мероприятия по работе с сайтом (продвижение, реклама, анализ поведения пользователей, использование дополнительных каналов продаж и т.п.).

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

Теперь рассмотрим обозначенные шаги на примере онлайн-конструктора inSales.

Пошаговое создание интернет-магазина в inSales

InSales – это крупная отечественная платформа, которая комплексно закрывает все возможные потребности онлайн-коммерции. Работает с 2008 года, серверы расположены в РФ (полностью соответствует требованиям законодательства, касающимся хранения персональных данных клиентов), фактически ничем не уступает профильным CMS-системам, только удобнее и работает в готовой инфраструктуре (в облаке). По данным за 2021 год, inSales обслуживает более 8,5 тыс. активных клиентов, а суммарный оборот (объём продаж) размещённых на платформе магазинов превышает 55 млрд. руб.

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

Шаг 1. Регистрация аккаунта

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

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

Готово, магазин и аккаунт созданы.

Шаг 2. Выбор шаблона

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

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

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

Максимум подробностей о шаблонах и настройках внешнего вида сайта/дизайна можно найти в официальной документации платформы – здесь.

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

Шаг 3. Создание каталога и наполнение магазина товарами

Здесь тоже ничего сложного. Первым делом вам нужно продумать структуру каталога и добавить в него все необходимые категории и подкатегории. Платформа inSales никак не ограничивает сложность и вложенность каталога.

Для каждой категории вы можете задать свои параметры URL-адреса (для лучшей читаемости), название, описание, SEO-атрибуты (мета-теги), настроить шаблон отображения и т.д. Подробнее в официальной документации – создание категорий.

Когда структура каталога готова, остаётся наполнить его товарами. Для этого можно воспользоваться специальной формой или инструментом импорта (поддерживаются форматы YML/XML, XLS(X)/CSV, синхронизация со складскими приложениями и импорт товаров с маркетплейсов).

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

Шаг 4. Настройки сайта

Здесь вы можете добавить свой домен (зарегистрировать и продлить домен можно прямо из админ-панели inSales), активировать выгрузку в маркетплейсы и настроить другие каналы продаж (социальные сети, мессенджеры), включить защищённый протокол HTTPS (с бесплатным автоматическим SSL-сертификатом или с профессиональным платным), задать фавиконку и логотип, подключить доменную почту, аналитику и т.д.

Но всё это технические мелочи.

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

Платформа умеет работать с заказами и клиентами без сторонних инструментов и CRM-систем, более того, поддерживается отправка уведомлений и ведение диалогов в разных мессенджерах (WhatsApp, Viber и Telegram, не считая стандартных Email и SMS-сообщений). Есть свой сервис массовых рассылок.

В дополнение к магазину на inSales можно запустить новостной и статейный раздел/блог (поддерживается система комментирования и модерирования сообщений пользователей).

Как и говорилось выше, inSales – это «мегакомбайн» в мире интернет-коммерции. Всё готово к быстрому запуску и детально кастомизируется под разные модели ведения бизнеса.

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

Дополнительные шаги и настройки

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

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

Многие из этих задач имеют решение на базе технических средств самой платформы inSales или на базе модулей из каталога.

Главное – ничего не забыть. Поэтому специалисты inSales подготовили специальный чек-лист для проверки. К нему можно добавить:

• Установку кодов аналитики.
• Добавление сайта в панели вебмастеров.
• Запуск рекламных кампаний в контекстных сетях.
• Работа с рассылками (в первую очередь – наращивание базы подписчиков).
• Предложение клиентам мобильного приложения для удобного отслеживания заказов («Мои Заказы» для iOS и Android).
• SEO-оптимизация и продвижение.

Предметные мануалы по большинству из этих пунктов можно найти в разделе «Рекомендации».

Самостоятельное создание интернет-магазина при помощи CMS (на примере WooCommerce)

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

Алгоритм запуска e-commerce проекта на базе CMS будет во многом похож на работу с онлайн-конструкторами:

1. Нужно выбрать движок (мануал о том, как это сделать, список лучших бесплатных движков).
2. Подобрать оптимальный хостинг (исходя из совместимости с движком и из плановой нагрузки, мануал как выбрать, рейтинг лучших хостеров – российские, зарубежные).
3. Получить и настроить домен (многие хостеры предлагают подарочные домены на год, что такое домен и каким бывает).
4. Установка движка на хостинг.
5. Настроить движок, при необходимости добавить плагины, не забыть про HTTPS-версию сайта (что такое HTTPS).
6. Установить и настроить тематический шаблон (если не подходит дефолтный).
7. Добавить категории и наполнить каталог товаров.
8. Дальнейшее обслуживание работы магазина (непрерывная работа над развитием).

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

Разберём процесс более детально на примере связки WordPress+WooCommerce.

Пошаговое создание интернет-магазина в WooCommerce

WooCommerce – это самый популярный и крутой плагин для организации продаж в каталоге CMS WordPress. По данным некоторых независимых статистик, на базе WooCommerce работает более 40% всех интернет-магазинов в Рунете. Не менее популярно решение и в остальном мире.

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

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

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

Шаг 1. Выбор хостинга

Фактически вам нужно искать хостинг для WordPress, так как без этого движка WooCommerce не работает. Хостингов на рынке более чем достаточно, а WordPress совместим с большинством из них.

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

Если у вас масштабный интернет-магазин с аудиторией из разных стран, выбирайте HostGator и не ошибётесь (безлимитные тарифы, отличная надёжность, интеграция с CDN, подарочные домены и т.д., цены – от 2,75 $/месяц).

Если ориентируетесь только на российский сегмент и аудиторию – берите TimeWeb (стабильные цены в рублях, от 119 ₽/месяц, свой дата-центр, высокая производительность, мобильное приложение для управления, русскоязычная техподдержка).

Шаг 2. Получение/настройка домена

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

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

Учтите, что обновление системы DNS может занять до нескольких дней (что такое DNS-система).

Шаг 3. Установка движка WordPress

Это действие проще всего выполняется с помощью специальных установочных скриптов. Они имеются у большинства популярных хостеров. Вам нужно ввести данные о названии сайта, логин/пароль админа, email и т.п. В некоторых скриптах даже этого вводить не нужно – максимум email, на который придут в письме все нужные параметры доступа (название сайта и прочие настройки легко меняются уже в админ-панели движка).

Если такой опции у хостера нет – установите WordPress вручную (мануал по созданию сайта на WordPress).

Шаг 4. Установка WooCommerce, базовые настройки

WooCommerce устанавливается из официального каталога плагинов в один клик (Плагины –> Добавить новый, в строке поиска ввести WooCommerce, кликнуть на кнопке «Установить», после установки «Активировать»).

Специальный интерактивный мастер поможет пройтись по всем базовым настройкам: заполнение адреса магазина, выбор рода деятельности, тип продукции и т.д. (+заполнение небольшой анкеты). На определённых шагах мастера вам будет предложена установка необходимых дополнений (если того требует ваша деятельность, в соответствии с ответами, данными ранее).

Помимо WooCommerce, вы можете добавить и другие плагины для:

• работы с SEO (заполнения мета-тегов, просмотра описаний, составления/генерации карт сайта и т.п.);
• эффективного кэширования страниц (чтобы снизить нагрузку на хостинг);
• транслитерации URL (чтобы получить красивые и читаемые адреса/ЧПУ);
• защиты от спама;
• сжатия изображений;
• интеграции доменной почты;
• создания бэкапов и т.п.

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

Максимум деталей в отдельном мануале – здесь.

Обратите внимание, некоторые плагины (и для WordPress, и для WooCommerce) могут быть платными или иметь свои подписки.

Одна из самых важных опций настройки сразу после установки движка – включение HTTPS-версии сайта. В случае со своим хостингом сначала нужно получить SSL-сертификат (существуют платные и бесплатные сертификаты, в большинстве общих хостингов можно в пару кликов добавить бесплатные сертификаты от Let’s Encrypt). Затем в админ-панели WordPress нужно перейти в раздел «Здоровье сайта» и найти пункт о включении HTTPS. Кликнуть на ссылку, всё остальное движок сделает самостоятельно.

Шаг 5. Выбор дизайна и настройка шаблона

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

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

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

Настройка внешнего вида страниц магазина WooCommerce ничем не отличается от настроек любых других страниц WordPress.

Шаг 6. Наполнение каталога товаров

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

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

«Из коробки» WooCommerce поддерживает импорт и экспорт, но только в формате CSV (с кодировкой UTF-8).

Вложенность категорий или сложность каталога в WooCommerce никак не ограничивается.

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

Дополнительные действия и развитие магазина

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

Из дальнейших шагов, направленных на планомерное развитие и раскрутку магазина, стоит выделить следующие:

• Добавление аналитики (код встраивается в шаблон или прописывается в специальных полях темы).
• Добавление сайта в панель вебмастера (Google/Яндекс).
• Запуск рекламы (доски объявлений, социальные сети, ТВ, сети контекстной рекламы и т.п.).
• Подключение и настройка системы рассылок (нужна почта на своём домене).
• Продвижение сайта в органическом поиске (наращивание трастовых ссылок, улучшение поведенческих факторов, разработка семантического ядра и т.д.).

Как создать интернет-магазин бесплатно

Вы сможете запустить бесплатный магазин и на базе конструкторов (например, inSales предлагает полностью бесплатный тариф), и на базе CMS / своего хостинга (в сети ещё можно найти полностью бесплатные тарифы). Но всегда есть нюансы.

Если речь о бесплатных тарифах конструкторов, то здесь обязательно будут существенные ограничения, например, по размеру каталога и/или по доступным функциям (добавление своего домена, способы оплаты, набор интеграций и т.п.).

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

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

Выводы

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

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

Если хотите сэкономить своё время и нервы, выбирайте самые надёжные и проверенные временем платформы, как inSales или WooCommerce+WordPress. Но это не единственные качественные движки для интернет-магазина. Список лучших движков для магазина можно найти в наших рейтингах магазинных конструкторов и CMS