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

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

Пошаговая настройка магазина

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

Создать магазин на Wix

Включение магазина и загрузка товара

  1. В боковом меню редактора шаблона нажимаем на кнопку «Добавить» и выбираем пункт «Магазин».
  2. В левом боковом меню нажимаем на кнопку «Магазин» и кликаем по ссылке «Добавить на сайт».
  3. Ждем, пока установится приложение. После чего попадаем в мастер настройки интернет-магазина.
  4. Начнем с добавления товаров. Для этого в диалоговом окне мастера настройки нажимаем на соответствующую кнопку.
  5. Каталог создаваемого интернет-магазина уже содержит несколько тестовых товаров. Их можно отредактировать или удалить. Для добавления нового товара нажимаем на ссылку «+Новый товар». Она расположена в правом верхнем углу панели управления.
  6. Затем выбираем тип товара (цифровой или физический).
  7. Вводим название (марку) товара, загружаем его изображение. Если нужно изменить размеры изображения товара , то в его окне кликаем по иконке карандаша.
  8. После этого в новом окне откроется встроенный в Wix редактор изображений «Фотостудия». Его возможностей достаточно для быстрого кадрирования, изменения размера, добавления на изображение текста и т.д.
  9. Редактируем наименование товара. Затем вводим или выбираем название ленточки, устанавливаем цену и описание.
  10. Ленточка – это ярлык, который будет отображаться рядом с товаром. Варианты его значений: распродажа, новая коллекция, ограниченное количество и т.д. Изменения содержимого ленточки коснется всех товаров, помеченных конкретным ярлыком.
  11. Если нужно, добавляем в карточку товара блоки с дополнительной информацией о нем . А также форму комментирования, с помощью которой клиенты смогут указать дополнительные пожелания к комплектации товара, цвету, гравировке и т.д. После этого переходим к описанию характеристик товара . Для этого кликаем по ссылке «+Добавить параметры».
  12. В поле «Название параметра» указываем «Цвет», выбираем формат отображения параметров (списком или в виде цветовой палитры). В списке «Ассортимент» задаем доступные расцветки товаров и жмем на кнопку «Добавить».
  13. В блоке «Учет товаров и доставка» задаем артикул – уникальный идентификатор для отслеживания и управления остатками товара и его спецификациями.
    После этого активируем параметр «Редактировать цену и вести учет каждого варианта».
  14. В появившемся окне задаем наценку для каждой спецификации (варианта) товара.
    Здесь же можно указать вес товара в упаковке для каждой конкретной комплектации.
  15. В верхней части окна активируем параметр «Вести учет», выделяем нужную модель, кликаем по ссылке «Редактировать запас», проставляем количество имеющегося на складе товара и нажимаем кнопку «Сохранить».
  16. После этого переходим в раздел бокового меню «Страницы»-«Магазин» и переименовываем страницу Shop.
  17. Затем в настройках страницы кликаем по кнопке «Сделать главной».
  18. В результате предыдущего действия магазин станет домашней страницей сайта. Поэтому страницу «Главная» удаляем в корзину.

Кастомизация шаблона магазина

Покажем вам основной алгоритм кастомизации и настройки основных страниц, относящихся к электронной коммерции.

Добавление новых блоков

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

  1. На главной странице интернет-магазина сдвигаем слайдер вниз, чтобы освободить место под новую галерею. Это лучше делать в режиме уменьшенного масштаба.
  2. Затем в боковом меню редактора переходим в раздел «Добавить» — «Магазин» «Галерея сетка» и добавляем элемент методом перетаскивания.
  3. Размещаем галерею под хедером страницы.
  4. Копируем надпись «SUPER коллекция».
  5. Размещаем дубликат выше новой галереи и меняем его текст на «Акционные товары».
  6. Наводим курсор на область галереи и переходим по ссылке «Настроить» — «Коллекции» и нажимаем на кнопку «Добавить новую».
  7. В следующем диалоговом окне кликаем по ссылке «Добавить товары».
  8. В списке отмечаем, какие товары должны отображаться в коллекции и сохраняем ее.

Настройка карточки товара

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

  1. Переходим в панель управления сайтом, «Товары магазина»-, «Товары».
  2. В списке находим нужный товар и кликаем по нему.
  3. В карточке товара активируем параметр «Распродажа». В поле «Скидка» устанавливаем размер скидки, вводим текст ленточки и сохраняем изменения.
  4. Затем аналогичным образом также задаем скидку для остальных товаров из с коллекции.

Также в карточке товара можно:

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

Настройка Product Page

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

Для редактирования шаблона Product Page:

  1. Переходим на страницу Product Page.
  2. Кликаем по блоку с аналогичным названием и нажимаем на ссылку «Настроить».
  3. На вкладке «Макет» выбираем вариант расположения элементов на странице, настраиваем отображение превью изображения товара («Обрезать» или «Подогнать»).
  4. В разделе «Настройка» выбираем, какие элементы должны отображаться на Product Page. А также настраиваем перенаправление пользователя после нажатия на кнопку «Добавить в корзину».
  5. На следующей вкладке задаем надпись для кнопки добавления товара в корзину и текст сообщения, которое выводится при его отсутствии.
  6. В «Вишлист» создаем пользовательский раздел «Список желаний» и настраиваем дизайн кнопки для добавления в него товара.
  7. Во вкладке «Дизайн» настраиваем стили текста элементов Product Page и их выравнивание относительно друг друга.
Добавление нового блока

Также добавим в Product Page блок «Похожие товары». Для этого:

  1. В боковом меню нажимаем на кнопку «Добавить» — «Магазин» — «Похожие товары» и добавляем элемент на страницу.
  2. Теперь на всех Product Page нашего интернет-магазина будет отображаться галерея «Похожие товары». В ней можно выводить товары со схожими характеристиками и стоимостью или весь доступный ассортимент.

Создание коллекций

В онлайн магазине, созданном с помощью конструктора Wix, все товары распределяются по коллекциям (категориям). Для создания новой коллекции:

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

Прием оплаты

На этом этапе мы настроим платежные инструменты, с помощью которых клиенты смогут оплачивать совершаемые покупки. Для этого:

  1. Вверху окна переходим по ссылке «Добавить способ оплаты».
  2. В списке отмечаем платежные сервисы, которые нужно подключить к нашему интернет-магазину.
  3. Оплачиваем премиум-подписку на конструктор сайтов Wix, задаем свои платежные реквизиты и можно начинать торговать.

Встроенная CRM

Одно из преимуществ использования конструктора Wix – наличие встроенной полнофункциональной CRM-системы. А также широкого набора инструментов для продвижения, входящих в состав Ascend by Wix.

Чтобы попасть в CRM-систему, в панели управления переходим в раздел «Управление клиентами».

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

  • «Входящие» — здесь отображаются сообщения, полученные от клиентов магазина по всем доступным каналам связи. В том числе и из социальных сетей.
  • «Список контактов» — перечень всех клиентов, их контактные данные и история общения с ними.
  • «Ответы форм» — пользовательские данные, полученные через формы, размещенные на сайте.
  • «Автопроцессы» — создание и настройка триггеров, срабатывающих при определенных действиях пользователей. С их помощью можно напоминать клиентам о товарах, “забытых” в корзине, осуществлять рассылки и т.д.
  • «Потоки работы» — позволяют отслеживать хронологию взаимодействия с клиентами интернет-магазина, работу сотрудников и т.д.
  • «Задачи и напоминание» — постановка задач и отслеживание их выполнение сотрудниками интернет-магазина.
  • «Пользователи сайта» — список всех пользователей интернет-магазина и данные о них.

Маркетинговая платформа Ascend

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

Чтобы попасть в Ascend, в панели управления сайтом перейдите в раздел «Маркетинг» — «Главная».

Маркетинговая платформа Ascend включает в себя следующие инструменты:

  • SEO-мастер – пошаговая SEO подготовка сайта.
  • Создание рассылок — включает в себя коллекцию шаблонов для рассылок.
  • Запуск рекламных кампаний в Facebook и Instagram.
  • Менеджер постинга в социальных сетях — позволяет публиковать посты во всех социальных аккаунтах компании через единый интерфейс.
  • Средство интеграции со сторонними сервисами веб-аналитики — Google Analytics, Яндекс.Метрика, Facebook Pixel и т.д.
  • Автопроцессы — настройка автоматической рассылки сообщений в ответ на действие пользователя (приветствие в ответ на регистрацию, благодарность за заполнение формы и и т.д.).
  • Видеомейкер — видеоредактор для создания промороликов на основе встроенных шаблонов.
  • Конструктор логотипов – быстрое создание логотипа из готовых элементов.
  • Сувенирная продукция — заказ брендированной сувенирной продукции для оффлайн-продвижения.

Более подробно маркетинговые возможности конструктора сайтов Wix мы рассмотрим в отдельной статье.

Что в итоге?

В рамках данного руководства мы выполнили следующие действия:

  • Добавили интернет-магазин в шаблон сайта.
  • Наполнили каталог созданного интернет-магазина товарами.
  • Сделали магазин главной страницей сайта.
  • Настроили карточку товара и Product Page.
  • Создали коллекцию товаров.
  • Добавили на главную страницу интернет-магазина несколько галерей с товарами.
  • Добавили слайдер «Похожие товары» на Product Page.
  • Подключили инструменты для приема оплаты.
Создать магазин на Wix

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

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

Желаем вам успехов в создании своего интернет-магазина на конструкторе Wix!

Подписывайтесь на наши группы в социальных сетях
Подписаться
Уведомить о
guest
3 комментариев
Новые
Старые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Светлана Герасимова

После создания интернет-магазина нужно ли за него платить и открывать ИП?

Ira
2 лет назад

Да нужно

гость
1 год назад
Ответить на  Ira

сначала открываете ИП,а потом ваяете инет магазин...причём при открытии ИП ОБЯЗАТЕЛЬНО предусматриваете ведение интерактивного бизнеса...иначе налоговики и прочие органы натянут и не по одному разу,но сразу за все грехи,и не только ваши)))))

Меню