Как создать интернет-магазин без помощи разработчиков.

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

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

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

Что еще за 4 способа ?

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

Конструкторы (Tilda, WordPress)
Соцсети (Телеграм, ВК)
Маркеплейсы (Yandex Market, OZON,Авито)

Конструкторы (CMS)

Любой конструктор сайта представляет из себя некий базовый функционал, который встроен в сам конструктор + плагины (Модификации), созданные сторонними разработчиками для конкретной CMS. Эти плагины расширяют базовый функционал. К примеру, если мы используем WordPress, то из коробки мы не можем добавить корзину товаров и оплату картой, для этого нужно устанавливать дополнение.

На что способен CMS

Прежде чем ответить на этот вопрос, давайте вспомним из каких частей состоит сайт. Это Frontend (все что вы видите в браузере + логика которая выполняется при клике на кнопки или ссылки), Backend – это все, что касается серверного взаимодействия. Серверная логика отличается от клиентской (Frontend), тем что она происходит не локально у вас в браузере, а на удаленном сервере, а значит доступна всем пользователям данного сайта.К примеру с помощью клиентской логики вы можете показать Popup по клику на кнопку, но если вы хотите по клику на кнопку оповестить об этом всех остальных посетителей сайта, которые сейчас онлайн, то здесь нужен сервер, т.к это некое связующее звено, которое связывает всех людей, находящихся сейчас на сайте.И последнее – это База данных, куда можно сохранить данные с сайта, чтобы они в последствии были бы доступны с других устройств. База данных может быть полезна например при авторизации пользователя, чтобы сохранить его логин и пароль, а в дальнейшем проверять его (хотя сейчас в основном для этих целей используют токены авторизации).

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

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

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

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

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

Backend и База данных для CMS

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

Стоимость решения

Стоить такое удовольствие будет 5 – 10 тыс. рублей в год (с учетом платы за хостинг, который предоставляется в комплекте с конструктором). Но конечно, если вы планируете создать более-менее высоконагруженный сайт, то встроенного хостинга будет недостаточно и придётся также потратиться на отдельный хостинг.

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

Социальные сети

Можно создать интернет-магазин в социальных сетях. Здесь у нас осталось только 2 варианта – ВК и Телеграм. Какую общую характеристику можно дать таким интернет-магазинам?

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

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

Ну и естественно, нельзя забывать, что все это достается вам бесплатно.

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

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

Стоимость решения

Единственное за что вам придется заплатить – это реклама. Т.к. другого способа раскрутить свой товар просто нет. Про поисковую выдачу можете забыть. Можно покупать таргетированную рекламу (тогда ваши заказы будут всплывать в рекомендациях у пользователей. Человек посмотрел видеообзор телефона – получил рекламу этого телефона в лицо :) Или есть вариант покупать публикации в популярных тематических пабликах. Конкретного ценника назвать не могу, но 20 - 40к в месяц думаю точно придется выложить (как минимум)

Маркетплейсы

Грубо говоря это тоже самое, что и ВК, когда речь идет о запуске интернет-магазина. Также шаблонный интерфейс, за вас уже сделан весь процесс от добавления карточки товара до доставки получателю. Разница в способе продвижения ваших товаров и услуг. Согласитесь люди доверяют куда сильнее условному Озону или Яндекс Маркету, соответственно продать ноутбук за 300к здесь значительно легче. Маркетплейсы очень хорошо ранжируются поисковиком, так что люди будут находить ваш товар не только из самого магазина, но также и из поисковой системы. При этом никакой фиксированное оплаты для продавцов нет.

Теперь разберемся с недостатками.

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

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

Стоимость решения

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

Создаем интернет-магазин на собственном сайте. Этапы и инструменты.

ОБУЧИТЬ совершенно нулевого человека разработке сайтов невозможно. Не будем строить иллюзий. Уместить такой большой объем информации не удалось еще ни одному автору, даже в книге, что уж говорить о статье.

Но это не значит, что нельзя ОБЪЯСНИТЬ как создать конкретный интернет магазин. Ниже я дам ссылку на готовый проект, в котором реализован простенький интернет-магазин. На примере этого проекта я постараюсь обрисовать как создать с нуля похожий интернет-магазин, из каких частей он состоит и самое главное объясню, что конкретно вам нужно изучить детально чтобы разработать свой собственный e-commerce. Таким образом мы постараемся погрузиться в разработку с помощью некой дорожной карты и тестового проекта.

Будет ссылка на отдельную статью по верстке (этому, кстати, я считаю можно научиться прочитав одну статью). Что-ж продолжим продолжать.

Road Map

Что должно быть в любом онлайн магазине?

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

Запуск сайта

Все необходимые файлы сайта вы можете скачать здесь.

Скачать исходники

В скаченном архиве находятся 2 папки: sources и build. В первой располагаются исходные файлы сайта (то есть код), во второй папке находится сайт готовый к запуску.

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

Итак, чтобы запустить наш сайт вам нужно открыть папку build, найти файл e-shop.backend.exe и запустить его двойным кликом. Откроется консольное окно, дождитесь пока в нем появится следующий текст.

Это будет сигнализировать, что ваш сайт запущен. После этого откройте любой браузер и перейдите по ссылке http://localhost:5000, должна открыться �