Как создать интернет-магазин с нуля. Варианты, инструкции, чек-листы


Как создать интернет-магазин? Сейчас существует множество вариантов и готовых платформ. В каждом из них есть свои преимущества. Я коснусь самых важных моментов, которые дадут вам вектор для дальнейшего изучения.


Содержание статьи

  1. Разработка независимого интернет-магазина
  2. Размещение сайта на хостинге
  3. Адрес сайта
  4. Движок, админка, CMS
  5. Создание
  6. Разработка интернет-магазина с нуля
  7. Создание интернет-магазина на шаблоне
  8. Шаблоны для 1C-Bitrix
  9. Шаблоны для WordPress
  10. Разработка на онлайн-конструкторе
  11. Основной функционал интернет-магазина
  12. Каталог товаров
  13. Приём платежей
  14. Стоимость разработки
  15. Сроки создания
  16. Правовой статус
  17. Резюме

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

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

Интернет-магазины могут быть размещены:

  • На своей площадке. Тогда вам потребуется домен и хостинг. Домен это адрес сайта. А хостинг – папочка на компьютере (сервере), где он физически лежит.
  • На сторонней площадке, куда относятся все остальные сервисы (доски объявлений а-ля avito.ru, социальные сети, торговые площадки а-ля tiu.ru)

Сегодня поговорим об интернет-магазине на своей площадке.

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


Размещение сайта на хостинге

Для того, чтобы сайт работал 24/7, он должен физически находится на сервере, который подключен к интернету 24/7. При этом важно, чтобы были люди, которые следят за его работоспособностью. А в случае возникновения проблем, быстро их устраняли.

Файловый менеджер хостинга Timeweb

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

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

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

Среди них могу отметить:

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


Адрес сайта

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

Почему именно второго уровня? Потому что доменным именем первого уровня считается .ru или .com. А то, что идет перед ним – уже второй уровень. Например, yandex.ru (yandex – второй уровень, .ru – первый).

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

Сервис, который позволяет узнать свободен или занят домен, называется whois. Многие хостинг-провайдеры и регистраторы его имеют. Поэтому проверить адрес сайта не проблема.

Whois сервис от nic.ru

Существует много регистраторов доменных имен. Я рекомендую эти:

Как я уже упомянул выше, доменное имя регистрируется на год. Затем его нужно продлять. Стоимость первичной регистрации и продления может отличаться. Например, регистрация может стоить 150 рублей, а продление – 800.

Существуют разные доменные зоны, поэтому если вы не нашли интересного вам адреса в зоне .ru, то проверьте другие варианты. Например, .shop или .store.

Каждое доменное имя имеет администратора. Им может быть физическое или юридическое лицо.

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


Движок, админка, CMS

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

Движки бывают:

  1. Бесплатные (WordPress, Joomla, Drupal, ModX)
  2. Платные (1С-bitrix, CS-Cart, Umi.Cms, NetCat, InSales)

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

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

Однако если важны:

  • Безопасность
  • Высоконагруженность (много посетителей на сайте одновременно делают много действий)
  • Обновление каталога
  • Внутренний документооборот
  • Интеграция с платежными системами
  • Интеграция с онлайн-кассой
  • Интеграция с CRM, то скорее порекомендую Bitrix и CS-Cart.

Создание

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

Варианты разработки интернет-магазина:

  1. С нуля (нужно будет написать техническое задание, сделать дизайн в фотошопе, сверстать макеты, запрограммировать, протестировать, запустить)
  2. Купить готовое решение, которое останется наполнить своим контентом и за пустить.
  3. Сделать самому
  4. Собрать с помощью конструкторов сайтов

Разработка интернет-магазина с нуля

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

Общий цикл работы выглядит так:

  1. Формулирование целей и задач, написание технического задания
  2. Прототипирование и схематика всех типовых страниц. Например, в Figma, Sketch, Adobe XD
  3. Прорисовка макетов в Figma (либо в Photoshop, Sketch или Adobe XD)
  4. Адаптивнгая вёрстка отрисованных макетов, их перевод в HTML+CSS. Адаптивная означает, что сайт будет хорошо смотреться на всех устройствах, будет подстраиваться под разрешение экрана
  5. Программирование и “натяжка” сайта на выбранный движок.
  6. Наполнение сайта и его тестирование.

Создание интернет-магазина на готовом решении (шаблоне)

разработка на шаблоне

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

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

Шаблоны для 1C-BITRIX

  • Шаблоны для битрикс можно посмотреть на marketplace.1c-bitrix.ru.
  • Помимо шаблона нужно будет приобрести лицензию 1с-битрикс. Лицензии есть разные, под разные нужды и набор функционала. Цены есть на сайте, от 5 400 до 72 900 за лицензию.
  • На мой вкус дизайны сайтов в маркетплейсе битрикс в массе своей не очень привлекательны.
  • В целом движок больше подходит для более сложных проектов.

Шаблоны для CS-Cart

  • Шаблоны для CS-Cart можно посмотреть на сайте marketplace.cs-cart.com
  • Это платное решение, поэтому нужно приобрести движок. Его стоимость около 25 000 рублей.
  • Но можно купить вместе с темой UniTheme за 36 000 рублей.
  • Решение почти из коробки имеет все необходимце функции интернет-магазина

Шаблоны для WORDPRESS

  • Шаблоны для WordPress можно посмотреть на сайте themeforest.net
  • Движок бесплатен
  • Шаблоны англоязычные и какие-то куски нужно переводить.
  • Площадка требовательна и к коду, и к дизайну шаблонов. На мой вкус уровень дизайна там выше, чем в маркетплейсе битрикс.⠀

Даже приобретая готовое решение, Вам все же может потребоваться помощь программиста или вебмастера. Чтобы его установить и настроить под ваши цели.


Разработка интернет-магазина на конструкторе сайтов

разработка на конструкторе

Как альтернатива, но уже без столь заметного участия программиста, можно рассмотреть конструкторы сайтов: tilda.ws, flexbe.ru, ukit.com, wix.com, insales.ru, advantshop.net.

Конструкторы – на то и конструкторы, чтобы иметь возможность из готовых кусочков собрать рабочую модель. Это можно сделать самому.

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

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

На что стоит обратить внимание:

  1. Количество готовых дизайн-блоков, из которых можно выбрать необходимые элементы
  2. Простота редактирования блоков.
  3. Изменение элементов простым кликом.
  4. Возможность подключения своего домена (адреса сайта)
  5. Количество сайтов, которые можно создать в одном аккаунте
  6. Выделяемый объем памяти
  7. Бесплатный пробный период и возможности бесплатной версии
  8. Мультилендинг (динамическое отображение контента в зависимости от того, из какого рекламного канала пришёл посетитель либо по какому запросу пришёл посетитель из поисковика)
  9. Интеграция с платёжными системами для приёма платежей, интеграция с crm-системами, email-сервисами, чат-ботами и сервисами обратного звонка и иными сторонними сервисами
  10. Стоимость платной версии
  11. Документация, позволяющая понять как работать с конструктором


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


Основной функционал интернет-магазина⠀

что должно быть в интернет-магазине

Важные функциональные элементы любого интернет-магазина:

  • Каталог товаров/услуг
  • Карточка конкретного товара/услуги
  • Корзина
  • Модуль оплаты (хотя в нашей стране любят оплату после доставки)
  • Информация о продавце, доставке и графике работы
  • Процесс оформления заказа (с оставлением контактных данных)
  • Подключенная онлайн-касса. Например, Атол
  • Подключена система товароучета. МойСклад, Контур, 1С. На худой конец, табличка в эксель.

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


Каталог товаров

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

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

Иногда полезно выгружать свои товары на внешние площадки. Например, в Яндекс.Маркет, каталог Фейсбук или во Вконтакте. Поэтому важно, чтобы формат файла понимался всеми. Он существует и называется XML.

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

Удобный сервис для работы с базой товаров “Мой Склад”

Среди таких сервисов


Приём платежей в интернет-магазине

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

Сервис приема платежей YooKassa

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

Это удобно, потому что вы можете принимать платежи всеми распространенными способами: банковская карта, apple pay, samsung pay, электронные деньги.

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

Еще один удобный момент – это возможность подключения рассрочки или кредита для покупателя. В этом случае более правильно было бы подключиться к банку. Можно выбирать среди всех известных: Сбер, Тинькофф, Альфа, ВТБ.

Что касается именно агрегаторов, то и здесь выбор есть: YooKassa, Robokassa, cloudpayments.ru

Не все сервисы работают с самозанятыми. Здесь список тех, кто работает.


Стоимость разработки интернет-магазина

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

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

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

Ответ на этот вопрос напрямую зависит от нескольких критериев:

  • По какому пути разрабатывается интернет-магазин (с нуля, на готовом решении, на конструкторе)
  • Чьими силами будет вестись разработка (фрилансер, небольшая студия, большое агентство)
  • Количество людей, которые будут работать над вашим проектом. Это будет один фрилансер, который сделает все сам. Или это фрилансер, у которого есть своя команда и он ее координирует. Или же это агентство, где над проектом работает менеджер проектов, дизайнер, верстальщик, программист, контент-менеджер.
  • Какие расходы в цену включает исполнитель (оплата сотрудников, наличие офиса, поддержка инфраструктуры (связь, сервера, лицензионное программное обеспечение), налоги)
  • Какая ценовая политика у исполнителя. Это низкий бюджет с минимальной маржой и работа на потоке, или это высокий бюджет с хорошим качеством исполнения под каждого клиента.
  • Четкость поставленной задачи. Если вы и сами не знаете, что вам нужно по дизайну и по функционалу, значит, возможны постоянные правки. А если они возможны, то цена “тайно” будет расти.
  • В конце концов, клиент – это небольшая компания или же большая? Если большая, то ей часто нужны встречи по проекту. Процесс согласования будет более длительным, а значит разработчику нужно держать ресурсы под проект. Но, чем дольше делается проект, тем ниже может быть его рентабельность для исполнителя. Одно дело заработать 1 000 рублей за месяц, другое дело, эту же тысячу заработать за год. Поэтому в случае с длительными сроками согласования исполнитель вынужден ставить цену выше, чтобы сохранять рентабельность.

Сроки разработки

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

На потоке

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

Большое агентство

Если вы работаете с большим агентством, то эта вероятность снижается, но все равно сохраняется.

Четкость задачи

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

Материалы

Еще на сроки влияет удобство и своевременность материалов, необходимых для внесения на сайт. Файлы в PDF, картинки в WORD’e все это увеличивает сроки.

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


правовой статус

Для того, чтобы существовать как интернет-магазин, вам нужно быть в легальном поле. То есть должно быть открыто ООО или ИП. Это дает и права, и обязанности.

Права:

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

Обязанности:

  • Вы сможете подключить онлайн-кассу и автоматически выписывать покупателям чеки. Если не сделать этого, то есть риск попасть на штраф – 30 000 рублей за каждый невыписанный чек.
  • Сдача налоговой отчетности, уплата платежей в пенсионный фонд за себя и за сотрудников. Причем, ИП должен уплатить около 33 000 рублей даже, если он не ведет никакой деятельности и прибыль равна 0.

Напоследок…

чек-лист к разработке интернет-магазина

Оставлю здесь в помощь вам чек-лист на открытие интернет-магазина.

  1. Зарегистрировать ИП или ООО и выбрать систему налогообложения наиболее выгодную для вас.
  2. Выбрать систему товароучета: 1С, Трейд, да хотя бы таблица эксель.
  3. Собственно, разработать интернет-магазин. Варианты реализации: с нуля, готовое решение, либо конструктор. Движки платные (Bitrix, umi.cms, netcat, insales) и движки бесплатные (WordPress, joomla, drupal, modx). Конструктор не подойдёт для магазинов с количеством товаров больше 50. Придётся вручную обновлять базу, неудобно.
  4. Взаимосвязь систему товароучета и сайта.
  5. Сайт размещён на собственном домене (адрес сайта) и на надёжном хостинге (timeweb, reg.ru, sweb.ru, nic.ru)
  6. Наполнить и-м: самостоятельно, с помощью контент-менеджера, с помощью разработчика
  7. Проверить работоспособность всех форм обратной связи, написать тестовые письма.
  8. В каталоге товаров понятные фотографии и полное описание продукта
  9. Заказы приходят на email и в админку
  10. Заказы приходят в CRM, автоматом заводится карточка клиента.
  11. Установлен онлайн-консультант (чат).
  12. Подключена платёжная система и протестирована её работа (яндекс.касса, тинькофф, PayPal, эквайринг от сбера, payinpayout)
  13. Пользователю приходят уведомления на email после оформления заказа.
  14. Возможность заказать товар без регистрации. Возможность авторизоваться через соцсети или же простая регистрация.
  15. Подключён независимый email-сервис рассылок, либо интегрированный с CRM для допродаж.
  16. Есть договор со службами доставки (ponyexpress, dpd, cdek, яндекс.доставка) и Почтой России и товары быстро доставляются.
  17. Продумана система обработки заказов. Самостоятельное подтверждение по телефону, фриланс или договор с коллцентром. При этом фиксируются и меняются статусы заказов (оформлен, доставка, оплачен, отменен, перенесён)
  18. Подключена онлайн-касса. После оплаты чеки в течение пяти минут отправляются в налоговую.
  19. Своевременно уплачиваются налоги и сдаётся отчёт
[os-widget path=””]

Подписывайтесь, если хотите получать больше полезного контента!