Как создать собственный магазин WooCommerce с помощью OceanWP и набора инструментов (без программирования)

Опубликовано: 2021-05-05

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

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

Или вы можете создать полностью настраиваемый магазин WooCommerce с помощью Toolset и OceanWP и без кодирования.

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

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

Вот четыре шага для настройки вашего интернет-магазина с помощью Toolset и OceanWP:

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

Решите, что вы хотите показывать и продвигать

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

набор инструментов q-and-a-section
Создавайте вопросы и ответы по продуктам, используя формы и настраиваемые повторяющиеся поля.
набор инструментов для перекрестных продаж
Отображение дополнительных продаж и популярных перекрестных продаж с использованием пост-отношений
бренд-пользовательский набор инструментов таксономии
Отображение продуктов по бренду или дизайнеру с использованием пользовательских таксономий
специальные предложения-набор инструментов
Делитесь специальными предложениями, используя условные блоки с информацией из настраиваемых полей
интерфейсные формы-набор инструментов
Разрешить поставщикам отправлять свои продукты прямо на ваш сайт с помощью форм
Набор инструментов для магазинов
Отображение местоположения ваших магазинов на карте с помощью настраиваемых представлений
набор инструментов для создания учетной записи
Создайте учетные записи клиентов или поставщиков с разрешениями в соответствии с типом пользователя.

набор инструментов для продуктов на наряд
Создавайте вдохновляющие образы для покупок, используя пост-отношения

Это функции, которые вы никогда не сможете получить только от WooCommerce, и они лишь поверхностно показывают, что возможно с помощью Toolset. Лучше всего то, что все это можно сделать без какого-либо кодирования!

Определите свои продукты с пользовательскими типами сообщений, полями и таксономиями

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

WooCommerce предоставляет вам несколько основных полей для определения ваших продуктов, таких как атрибуты продукта, описания, цены и информацию о доставке, такую ​​​​как вес и размеры.

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

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

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

Создание пользовательских страниц продукта

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

Toolset позволяет вам создавать шаблоны продуктов полностью с нуля, используя блоки WooCommerce от Toolset.

woocommerce-шаблон по умолчанию
Шаблон продукта WooCommerce по умолчанию
набор инструментов шаблона пользовательского продукта
Полностью настраиваемый шаблон продукта Toolset

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

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

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

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

набор инструментов в наличии
Товар в наличии
набор инструментов, которого нет в наличии
Товар отсутствует на складе

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

тема-опции-owp-toolset
Выбор параметров темы OceanWP для каждого шаблона

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

глобальный набор инструментов для укладки-океанwp
Добавление глобальных стилей на ваш сайт

Создавайте динамические страницы магазина, списки продуктов и добавляйте функции поиска

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

Создание пользовательских страниц магазина и других архивных страниц

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

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

набор инструментов архивной страницы
Страница магазина каблуков
магазин-страница-сумки-набор инструментов
Страница магазина сумок

Создание динамических списков контента

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

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

Добавление настраиваемых параметров поиска и фильтрации

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

набор инструментов пользовательского поиска
Пользовательский поиск, который позволяет фильтровать по настраиваемым полям

Другие пользовательские функции страницы магазина от OceanWP

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

опция быстрого просмотра-oceanwp
Вариант быстрого просмотра
ceanwp-off-screen-фильтры
Скрыть фильтры за пределами экрана

OceanWP также дает вам варианты отображения вашей корзины покупок:

  • Всплывающая корзина
  • Плавающая панель добавления в корзину
  • Дисплей корзины
  • Оформление заказа без отвлекающих факторов

..и более!

Попробуйте OceanWP и Toolset сегодня и расскажите нам о своем опыте в комментариях!

Научитесь создавать собственные магазины WooCommerce шаг за шагом с помощью бесплатного курса Toolset по WooCommerce.


Вы также можете бесплатно попробовать Toolset и OceanWP вместе с этой демонстрацией магазина WooCommerce.