Как открыть интернет-магазин в 2024 году: пошаговая инструкция от выбора ниши до создания сайта интернет-магазина

9 января 2024 г.

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

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

С чего начать открытие интернет-магазина

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

Шаг 1. Выбор ниши

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

  • Цена. Дешевый товар проще продать, чем дорогой. Чем выше стоимость продукта, тем больше возражений появляется у потенциальных покупателей. Поэтому, если вы только окунаетесь в сферу онлайн-торговли, лучше начать с товаров низкого или среднего ценового сегмента. Дорогую нишу стоит выбирать, если у вас есть опыт торговли, либо вы знаете, как убедить клиента купить продукт.
  • Габариты товара. Маленькие и легкие по весу товары проще хранить и доставлять до клиента. Чем габаритнее и тяжелее продукт, тем сложнее организовать систему логистики. Возможно, появится необходимость арендовать склад, что повлечет за собой дополнительные расходы. 
  • Длительность цикла сделки. Лучше выбирать нишу, где от момента заказа до получения денег за товар проходит до двух недель. Длительные сделки характерны для дорогих и высокомаржинальных товаров, однако они могут разрушить небольшой бизнес. При выборе ниши вы должны быть уверены, что сможете поддерживать работу магазина в процессе всего цикла сделки. 
  • Потенциал развития. Если вы планируете развивать и масштабировать интернет-магазин, то подумайте, получится ли это сделать в выбранной нише. Например, вы хотите продавать сумки ручной работы. Тогда заранее просчитайте, какой максимальный объем товара готовы произвести, хотите ли в будущем нанимать работников или брать продукты других мастеров на реализацию. 
  • Наличие поставщиков. Если вы будете не изготавливать, а перепродавать товар, то убедитесь, что у вас есть минимум 2-3 поставщика. Работать с одним подрядчиком крайне рискованно, так как могут возникнуть форс-мажоры — закончится товар или ухудшится качество. Тогда вас выручит запасной вариант. 

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

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

  • Доски объявлений. Разместите объявления на Авито, Юле и других подобных сайтах и оцените, сколько просмотров соберет ваша публикация, будут ли звонки и заявки. Откликнувшимся людям можно отвечать, что товар закончился и вы ждете поставку. Возможно, уже на этом этапе вы найдете своих первых клиентов.  
  • Опросы в социальных сетях. Найдите группы, где присутствуют потенциальные покупатели и проведите опрос. Узнайте, готовы ли люди приобрести ваш товар, каковы их мотивы и потребности. Необязательно и даже нежелательно представляться продавцом. Лучше написать от имени автора, собирающего отзывы и материалы для статьи, или простого пользователя, который интересуется плюсами и минусами определенного товара. Это поможет получить честные и открытые ответы аудитории и избежать лишнего хейта. 
  • Таргетированная и контекстная реклама. Вы можете создать пробный мини-магазин и запустить на него тестовую рекламную кампанию. Заполните его товарами, которые планируете продавать, и посмотрите, будет ли спрос и заявки. 

Когда определились с нишей, переходите к следующему шагу — анализу целевой аудитории. 

Шаг 2. Составление портрета целевой аудитории

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

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

Основные вопросы для составления портрета клиента

Основные вопросы для составления портрета клиента

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

Шаг 3. Анализ конкурентов

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

Как пошагово проанализировать конкурентов:

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

Этот этап поможет нащупать вектор развития интернет-магазина, сформировать УТП (уникальное торговое предложение) и продвинуть свой товар на рынке. 

Шаг 4. Выбор поставщика

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

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

  • Качество продукции. Лучше закупать товар непосредственно у производителя. Это поможет избежать подделок, а в случае поломки у вас будет меньше проблем с заменой бракованных изделий. Если такой возможности нет, то старайтесь выбирать поставщиков, предоставляющих сертификаты и гарантийный срок на товары.
  • Стоимость продукции. Дешевле — не всегда лучше. Помимо цены на товар учитывайте затраты на доставку, растаможку (при необходимости) и другие накладные расходы. 
  • Местоположение. Идеально, если поставщик находится в вашем регионе. Это позволит сэкономить на логистике и обеспечить стабильность поставок. 

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

Шаг 5. Регистрация в качестве самозанятого, ИП или ООО

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

  • Самозанятый. Подойдет, если вы создаете интернет-магазин с товарами собственного производства. Важные условия — годовой доход не превышает 2,4 миллиона рублей и нет наемных сотрудников. Встать на учет можно без посещения налоговой. Для этого установите приложение «Мой налог», зарегистрируйтесь в нем и указажите сферу деятельности. 
  • ИП (индивидуальный предприниматель). Выбирайте эту форму, если планируете заниматься перепродажей товаров — закупать изделия оптом у поставщика и реализовать по розничной цене. ИП может работать с печатью и без нее. Заполнить и отправить заявление о регистрации можно онлайн (потребуется электронная подпись), в налоговой или в любом отделении Многофункционального центра предоставления государственных и муниципальных услуг (МФЦ). 
  • ООО (общество с ограниченной ответственностью). Эта форма подойдет для торговли крепким алкоголем и других видов деятельности, недоступных для ИП. Из минусов — придется вести бухгалтерский учет, формировать уставной капитал, распределять прибыль в виде дивидендов. Регистрация проходит при посещении налоговой. 

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

Шаг 6. Проработка внешнего вида и функционала интернет-магазина

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

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

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

  • Отслеживание заказов. Это можно реализовать в виде личного кабинета, где пользователь сможет просматривать историю своих покупок и статус заказов. Если по техническим причинам это невозможно, то можно оповещать клиента с помощью СМС, социальных сетей и мессенджеров. 
  • Фильтры по характеристикам. Если у вас много товаров, то продумайте систему фильтрации по категориям и основным параметрам. Это избавит покупателя от необходимости перебирать карточки в поиске нужного изделия. 
  • Онлайн-консультант/чат-бот. Особенность торговли в интернете в том, что пользователь может заинтересоваться товаром даже ночью. Чтобы не терять таких клиентов, советуем установить на сайт чат-бота. Он будет автоматически отвечать на популярные вопросы, добавлять контакты и обращения в CRM. 
  • Персонализация контента. Это поможет увеличить средний чек и количество повторных продаж. Например, если человек купил обувь, то предложите ему средства по уходу либо дополнительные аксессуары и предметы гардероба, которые удачно впишутся в образ. 
  • Отзывы и рейтинг товаров. Покупатели хотят знать мнение пользователей, которые уже приобретали товар. Часто оно становится решающим фактором при совершении покупки. Поэтому добавьте на сайт формы, через которые посетители смогут делиться своими отзывами о продуктах. 

С функционалом интернет-магазина разобрались, переходим к работе с контентом. 

Шаг 7. Подготовка контента для наполнения

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

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

Пример плохих фотографий в интернет-магазине

Пример плохих фотографий в интернет-магазине

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

Пример хороших фотографий в онлайн-магазине

Пример хороших фотографий в онлайн-магазине

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

Создать качественный и продающий контент помогут следующие рекомендации:

  • Не используйте «клише» и фразы-шаблоны. Забудьте про «высококвалифицированных специалистов», «самые низкие цены» и «отличное качество». Эти фразы настолько приелись, что давно перестали цеплять покупателя и способствовать высоким продажам. Пишите конкретные характеристики и факты, которые сами «покажут» клиенту, что товар хорош и его надо брать.
  • Не лейте «воду». Лучше напишите о том, чем выделяется конкретный продукт: какие у него плюсы по сравнению с конкурентами, есть ли гарантия, для каких задач подходит, что включено в комплектацию. Пустой и бессмысленный текст бесполезен, а если мешает добраться до сути вопроса, то еще и раздражает.
  • Структурируйте текст. Основные характеристики товара оформляйте в виде таблицы или списка, описание товара разделяйте на абзацы. Никто не захочет читать огромную простыню неформатированного текста, пусть и очень интересного. 
  • Следите за грамотностью. Опечатки и ошибки резко снижают доверие пользователей к магазину. Поэтому проверяйте статьи и описания, а если на это нет времени, то наймите редактора. 
  • Органично вписывайте ключевые слова. Не стоит спамить и писать тексты, ориентируясь только на роботов поисковых систем (сокращенно — ПС). Это вредит SEO и может привести к санкциям со стороны Яндекса и Google. Упоминайте ключи там, где они подходят по смыслу и не портят материал. 

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

Условия и особенности самостоятельного создания интернет-магазина

Самостоятельно создать интернет-магазин не сложно. Далее мы подробно расскажем о том, как это сделать.

Преимущества создания онлайн-магазина на конструкторе сайтов Craftum:

  • У конструктора простой и понятный интерфейс. Любой человек сможет сделать сайт с нуля и без программиста. 
  • Есть SEO-настройки для оптимизации сайта под ПС. Можно настроить редирект, подключить Яндекс.Вебмастер, указать метатеги. 
  • Структуры и дизайны готовых шаблонов уже продуманы маркетологами. Можно быстро выбрать готовый макет и заполнить сайт своим контентом. 
  • Есть возможность создать полностью уникальный проект по своему макету. В этом помогут дизайн-блоки, о которых мы расскажем далее. 

Для создания интернет-магазина подойдет тариф «Оптимальный». Его цена 330 рублей в месяц при оплате за год или 389 рублей при ежемесячных платежах. В стоимость входит:

  • 5 сайтов с неограниченным количеством страниц;
  • интеграции с онлайн-кассами, чатом, Яндекс.Метрикой и другими сервисами;
  • 150 готовых шаблонов и 170 блоков;
  • SSL-сертификат;
  • домен в подарок. 

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

Пошаговая инструкция по созданию интернет-магазина

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

Шаг 1. Регистрация на платформе

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

Главная страница Craftum

Главная страница Craftum

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

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

Шаг 2. Создание сайта и выбор шаблона

В кабинете нажмите «Создать сайт» в соответствующем разделе. 

Выберите вариант «Интернет-магазин».

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

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

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

Перед выбором шаблона можно протестировать его демоверсию. Для этого нажмите кнопку «Просмотреть» рядом с нужным макетом.

Просмотр демоверсии сайта

Просмотр демоверсии сайта

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

Шаг 3. Редактирование и настройка готовых блоков

Разберем основные настройки шаблона

Основные кнопки в режиме редактирования сайта

Основные кнопки в режиме редактирования сайта

На скриншоте выше показаны следующие кнопки:

  • 1 — Переход на домашнюю страницу.
  • 2 — Переключение между разными страницами сайта.
  • 3 — Режим редактирования сайта.
  • 4 — Предпросмотр того, как дизайн будет выглядеть на разных устройствах.
  • 5 — Отмена изменений/возврат к предыдущему действию.
  • 6 — Публикация изменений, внесенных в шаблон.
  • 7 — Переход к основным настройкам страницы.
  • 8 — Переход на ваш сайт (работает после публикации страницы в интернете).
  • 9 — Раздел справки. 

Слева от каждого блока есть кнопка «Настроить». 

Настройка блока в режиме редактирования сайта

Настройка блока в режиме редактирования сайта

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

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

Вкладка «Контент» в настройках

Вкладка «Контент» в настройках

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

Вкладка «Дизайн» в настройках

Вкладка «Дизайн» в настройках

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

Кнопки для перемещения, удаления и дублирования блока

Кнопки для перемещения, удаления и дублирования блока

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

Как изменить высоту блока

Как изменить высоту блока

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

Как включить режим редактирования

Как включить режим редактирования

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

Как добавить новый блок в шаблон

Как добавить новый блок в шаблон

Выберите нужный вариант из каталога.

Каталог блоков

Каталог блоков

Он автоматически появится на макете и вы сможете перейти к его редактированию и настройке.

Шаг 4. Уникальный дизайн с помощью дизайн-блока

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

Далее прокрутите меню вниз и выберите «Дизайн-блок».

Как добавить дизайн-блок

Как добавить дизайн-блок

Вы сразу же попадете в режим редактирования. 

Режим редактирования дизайн-блока

Режим редактирования дизайн-блока

Можно наполнять блок любыми элементами из каталога, менять его цвет, фон, шрифты и все остальное. Для примера давайте сделаем другой фон и добавим форму для связи. Для этого сначала удалим уже существующую надпись — выделим объекты курсором и нажмем «Delete» на клавиатуре. Далее уберем старый фон, нажав на кнопку «Настроить» в боковом меню, а затем на крестик рядом с фоновым изображением во вкладке «Загрузки». 

Удаление фона

Удаление фона

Вместо картинки добавим градиент. Для этого переключимся во вкладку «Заливка», в поле «Тип» поставим «Градиентная» и укажем цвета фильтра.

Как сделать градиентный фон

Как сделать градиентный фон

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

Настройка направления градиента

Настройка направления градиента

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

Как включить сетку

Как включить сетку

Далее добавим новый объект — форму для связи. Для этого нажмем на плюсик над меню справа и выберем нужный элемент. 

Как добавить новый объект в дизайн-блок

Как добавить новый объект в дизайн-блок

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

Изменение размеров формы

Изменение размеров формы

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

Как поменять текст на кнопке

Как поменять текст на кнопке

Редактировать элементы и текст можно на самой странице и через боковое меню справа. 

Как изменить текст на кнопке через меню

Как изменить текст на кнопке через меню

Далее можно настроить действия после отправки формы. Например, перенаправлять пользователей на другую страницу или сайт либо показывать им всплывающее окно. Данные с формы можно отправлять на email, в Telegram, в CRM или сохранять в Google таблицах. Эти параметры можно изменить в правом боковом меню.  

Как настроить форму

Как настроить форму

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

Как добавить объект в дизайн

Как добавить объект в дизайн

Шаг 5. Создание товарных карточек

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

Давайте настроим одиночную карточку. Нажмите на нее, чтобы объект появился на макете. 

Как добавить товарную карточку в шаблон

Как добавить товарную карточку в шаблон сайта

Далее поочередно кликайте по каждому элементу и меняйте картинки, описание на свои.

Изменение фотографий и описания товара

Изменение фотографий и описания товара

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

Настройка карточки через меню

Настройка карточки через меню

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

Настройка ссылки для кнопки покупки

Настройка ссылки для кнопки покупки

Для этого измените параметр «Тип ссылки». Мы выберем «Добавить в корзину».

Выбор ссылки «Добавить в корзину»

Выбор ссылки «Добавить в корзину»

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

Как добавить несколько карточек товара

Как добавить несколько карточек товара

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

Как добавить дополнительные товары

Как добавить дополнительные товары

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

Новые карточки

Новые карточки

Шаг 6. Оформление корзины и форм обратной связи

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

Как подключить корзину

Как подключить корзину

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

Как настроить корзину

Как настроить корзину

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

Настройка формы обратной связи

Настройка формы обратной связи

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

Настройка полей формы

Настройка полей формы

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

Добавление отдельной формы через каталог блоков

Добавление отдельной формы через каталог блоков

Шаг 7. Навигация и контактные данные

Следующий этап — добавление навигации. За нее отвечают блоки из раздела «Контакты и карта». Выберите понравившийся и подключите к макету. 

Как подключить карту к сайту

Как подключить карту к сайту

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

Настройка карты и контактов

Настройка карты и контактов

Давайте добавим возможность написать не только в WhatsApp, но и в Telegram. Для этого откройте вкладку «Социальные сети» в меню и нажмите «Добавить». 

Как добавить новый способ связи с интернет-магазином

Как добавить новый способ связи с интернет-магазином

Откройте настройки. 

Настройка нового способа связи

Настройка нового способа связи

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

Установка ссылки и текста для кнопки

Установка ссылки и текста для кнопки

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

Настройка Nofollow и открытия страницы в новом окне

Настройка Nofollow и открытия страницы в новом окне

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

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

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

Можно поработать и с самой картой. Например, изменить ее масштаб. Для этого во вкладке «Контент» → «Карта» отредактируйте параметр «Приближение».  

Как изменить масштаб карты

Как изменить масштаб карты

Шаг 8. SEO-настройки

Чтобы поисковые системы высоко ранжировали ваш интернет-магазин, уделите внимание не только его внешнему виду и контенту, но и SEO. Для каждой страницы укажите метатеги Title и Description и добавьте подзаголовки. Подробные инструкции можно найти в разделе FAQ — «Настройки SEO». А сейчас давайте вкратце пробежимся по ним и изучим основные моменты.

Добавление Title и Description

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

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

Как открыть настройки SEO страницы

Как открыть SEO настройки страницы

Откройте вкладку «SEO» и заполните поля «Title» и «Description».

SEO-настройки отдельной страницы

SEO-настройки отдельной страницы: Title и Description

Рекомендуемая длина заголовка (Title) — 60-75 знаков. Тайтл должен быть уникальным на каждой странице. 

Рекомендуемая длина описания (Description) — 150-180 знаков. В нем следует указывать текст, который максимально емко и точно описывает содержание страницы. 

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

Ключевые слова в SEO

Ключевые слова в SEO

Когда все готово, разрешаем индексацию в поисковиках и нажимаем «Сохранить».

Включение индексации в поисковиках и сохранение изменений

Включение индексации в поисковиках и сохранение изменений

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

Выбрать сайт

Выбрать сайт

Нажмите на три точки рядом со страницей, затем «Настройки» → «SEO». 

Как открыть настройки страницы

Как открыть настройки страницы

Добавление подзаголовков

Для выделения подзаголовков используют специальные теги:

  • H1 — заголовок страницы (первый уровень). Не путайте с Title. H1 показывается на странице сайта, а метатег Title — в сниппете выдачи и названии вкладки в браузере. 
  • H2 — подзаголовок второго уровня.
  • H3 — подзаголовок третьего уровня.

Добавить теги h1, h2 и h3 можно в редакторе страниц. Перейдите в настройки блока и откройте вкладку «Контент» → «SEO». 

Как добавить теги h1, h2 и h3

Как добавить теги h1, h2 и h3

Выберите нужный тег в поле «Тег для подзаголовка». 

Выбор тега

Выбор тега

Готово! Изменения автоматически сохранены. 

Шаг 9. Подключение онлайн-кассы, систем аналитики и отзывов.

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

Онлайн-кассы

Вы можете добавить на сайт формы от «Robokassa» (Робокасса), «Юмани», «bePaid» и «IntellectMoney». Подробные инструкции для каждого сервиса находятся в разделе FAQ «Подключение онлайн-оплаты». Мы разберем весь процесс на примере «Робокассы». 

Сначала зарегистрируйтесь в сервисе платежной системы и подключите свой магазин. Далее откройте раздел «Настройки» → «Кнопка/ссылка на сайт» и выберите способ перехода к оплате.

Подключение «Робокассы» к сайту

Подключение «Робокассы» к сайту

Скопируйте код для вставки на сайт из блока «Интеграция».

Код для вставки формы оплаты на сайт

Код для вставки формы оплаты на сайт

Откройте режим редактирования сайта, выберите нужную страницу.

Выбор страницы, на которую нужно добавить форму оплаты

Выбор страницы, на которую нужно добавить форму оплаты

Добавьте новый пустой блок из каталога «Другое» → «HTML-код».

Добавление HTML-блока

Добавление HTML-блока

Откройте настройки нового блока и вставьте код из «Робокассы» в поле вместо надписи «Тут располагается ваш HTML-код».

Вставка HTML-кода в пустой блок

Вставка HTML-кода в пустой блок

Переопубликуйте страницу, чтобы форма начала работать. 

 Публикация изменений на сайте

Публикация изменений на сайте

Системы аналитики

Вы можете интегрировать на сайт любые системы для сбора статистики, включая «Яндекс.Метрику», «Google Analytics», «Roistat» и «Liveinternet». Подробные инструкции для каждой из них вы найдете в разделе FAQ «Подключение систем аналитики».

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

Как подключить аналитику к сайту

Как подключить аналитику к сайту

Вставьте номер счетчика в поле «Яндекс.Метрика» и нажмите «Сохранить».

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

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

Точно таким же способом можно подключить к сайту и Google Analytics. Остальные сервисы статистики добавляются через каталог блоков (вкладка «Другое» → «HTML-код»). 

Отзывы

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

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

Как добавить виджет с отзывами на сайт

Как добавить виджет с отзывами на сайт

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

Как добавить блок с отзывами на отдельные страницы

Как добавить блок с отзывами на отдельные страницы

Шаг 10. Покупка или добавление существующего домена, SSL-сертификат

К интернет-магазину можно привязать свой домен. Инструкцию, как это сделать, вы найдете в разделе FAQ «Домены и SSL-сертификаты». Чтобы добавить свой или купить новый домен, перейдите в одноименный раздел в кабинете и выберите нужную вкладку.

Настройка доменов

Настройка доменов

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

Как привязать домен к сайту

Как привязать домен к сайту

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

Покупка домена

Покупка домена

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

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

SSL-сертификат установится автоматически после привязки домена к сайту и обновления A-записей. 

Шаг 11. Публикация сайта в интернете

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

Далее нажмите «Опубликовать все страницы».

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

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

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

Публикация страницы через настройки

Публикация страницы через настройки

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

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

Можно выделить три основных способа продвижения интернет-магазина:

  • Таргетированная реклама. Это объявления в социальных сетях, настроенные на вашу целевую аудиторию. Чтобы использовать этот канал, составьте портрет своего клиента и продумайте воронку продаж, особенно, если у вас сложный и дорогой товар. Затем останется настроить рекламу ВКонтакте и собирать заявки.
  • Контекстная реклама. Это объявления в поисковой выдаче и рекламных сетях. Канал подойдет для привлечения горячей и теплой аудитории, которая прямо сейчас ищет ваш товар или интересуется этой тематикой. Для работы с контекстом нужно подобрать ключевые запросы, по которым клиенты будут искать вашу продукцию, а затем настроить Яндекс.Директ
  • SEO-продвижение. Это самый долгий и сложный путь, но он позволит получать бесплатных клиентов прямо из поиска. Для этого необходимо продвинуть свой проект на первые страницы в выдаче. Для SEO-продвижения сайта нужен целый комплекс  внешних и внутренних работ над ресурсом, поэтому весь процесс может занять не один месяц. 

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

Подведем итоги

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