Обзор WooLentor: использование Elementor для разработки магазина WooCommerce

Вы когда-нибудь мечтали о дизайне Магазин WooCommerce Полностью используете визуальный интерфейс с перетаскиванием?

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

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

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

Здесь на помощь приходит дополнение ВуЛентор  На переднем плане - WooLentor позволяет вам использовать интерфейс Elementor для управления каждой частью вашего магазина - даже вашей корзиной покупок и страницами оформления заказа.

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

В этом обзоре WooLentor я расскажу вам обо всех его функциях и покажу, как именно работает это расширение.

Обзор WooLentor: Чем вы занимаетесь?

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

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

Чтобы помочь вам в этом, WooLentor поставляется с более чем 41 различными инструментами, связанными с WooCommerce, которые вы можете использовать в своих проектах Elementor. Например, вы получите инструменты для вставки названия продукта, изображения, описания и т. Д.

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

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

Цены на WooLentor

Как и большинство бесплатных дополнений, WooLentor входит в Бесплатная версия На WordPress.org plus Премиум-издание Его больше вариантов.

Бесплатная версия дает вам дополнительный контроль над дизайном вашего магазина и добавляет 18 элементов WooCommerce, которые вы можете использовать. Однако в версии Pro есть действительно уникальные функции, которые вам понадобятся для создания корзины покупок, страницы оформления заказа, страницы моей учетной записи и т. Д.

Версия Pro стоит всего 29 долларов за год поддержки и обновлений на одном веб-сайте. Или вы можете заплатить 59 долларов за пожизненную поддержку и обновления на одном веб-сайте.

Цены повышаются оттуда, если вы хотите использовать его на нескольких веб-сайтах.

Сравнение WooLentor и Elementor Pro

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

Это может заставить вас задуматься, есть ли разница между WooLentor и Elementor Pro?

Отвечать Да. Хотя между WooLentor и Elementor Pro есть некоторое совпадение, WooLentor дает вам гораздо больше гибкости по сравнению с Elementor Pro. Например, с WooLentor вы сможете настроить следующие шаблоны страниц:

  • корзина покупателя.
  • погашение.
  • Арифметика.
  • Регистр.
  • Большое спасибо.

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

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

Наконец, также важно отметить, что WooLentor по-прежнему работает с бесплатной версией Elementor. Так что, если вам нужны только функции в бесплатной версии WooLentor, вы сможете оставить все на 100% бесплатным. И даже если вам нужна версия Pro, WooLentor все равно немного дешевле Elementor Pro, но при этом дает вам больше функциональных возможностей.

Как пользоваться WooLentor

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

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

Как формы работают в WooLentor

Чтобы настроить шаблоны вашего магазина с помощью WooLentor, вы сначала воспользуетесь встроенной системой шаблонов Elementor для создания шаблона (например, для ваших отдельных продуктов).

Как только вы это сделаете, вы можете перейти к WooLentor → Настройки → Шаблон WooCommerce Чтобы назначить эту форму определенной части вашего магазина:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Это немного отличается от обычного интерфейса WordPress Theme Builder, но его очень легко заметить, если вы понимаете, что происходит.

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

Как настроить индивидуальную страницу продукта

Чтобы создать форму, перейдите в Формы → Добавить Вы можете создать новую страничную форму. Или вы также можете импортировать и редактировать готовые формы WooLentor, как вы выбрали в этом примере.

Это должно запустить обычный редактор Elementor. Только сейчас вы получите множество новых опций в разделах WooLentor Pro и WooLentor Extensions на боковой панели.

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

Вы также получите очень специализированные инструменты для таких вещей, как:

  • Галереи видео о продуктах.
  • Продажа и кросс-продажа.
  • Скидки.
  • QR-коды.

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

После этого вы можете сохранить изменения, а затем перейти в настройки WooLentor и назначить эту модель для своей отдельной страницы продукта:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Вы также можете установить разные модели для отдельных продуктов из нового поля WooLentor в поле данных продукта при редактировании отдельных продуктов:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

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

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

Это очень просто - все, что вам нужно сделать, это добавить инструмент макета архива продуктов, и вы получите настраиваемый список всех ваших продуктов:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

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

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Как настроить страницу корзины покупок, оформление заказа, спасибо и т. Д.

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

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

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

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Для некоторых инструментов WooLentor запустится, как только вы перетащите макет шаблона по умолчанию. Однако при желании вы можете изменить эти настройки. Например, если вы отключите поведение по умолчанию в инструменте «общая сумма корзиныВы можете полностью настроить текст:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Платежная страница

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

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

Страница моей учетной записи

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

Одной из действительно мощных функций здесь является то, что вы можете добавлять / удалять вкладки на странице «Моя учетная запись», в том числе создавать собственные ссылки. Например, вы можете добавить ссылку на существующие рекламные акции, чтобы покупателям было проще находить лучшие предложения:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

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

Встроенная функция уведомления о продажах WooLentor - еще одна уникальная опция, выходящая за рамки того, что вы получаете в Elementor Pro.

Вы можете настроить эти параметры, перейдя в WooLentor → Настройки → Уведомление о продажах.

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

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

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

Как импортировать шаблоны

Как я уже упоминал, WooLentor поставляется с рядом готовых шаблонов, которые вы можете импортировать. Вы можете просматривать и импортировать эти шаблоны всего несколькими щелчками мыши, перейдя в WooLentor → Библиотека шаблонов:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

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

Чтобы упростить задачу, WooLentor позволяет отключать любые инструменты, которые вы не используете. Вы можете сделать это, перейдя в WooLentor → Настройки → Элементы. Все, что вам нужно сделать, это отключить элементы, которые вы не хотите использовать:

Обзор WooLentor: использование Elementor для создания магазина WooCommerce — освоение WordPress

последние мысли

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

Самая уникальная особенность WooLentor по сравнению с Elementor Pro заключается в том, что WooLentor Pro позволяет вам использовать Elementor для создания большего количества дизайна в вашем магазине, включая следующие страницы:

  • корзина покупателя.
  • погашение.
  • Арифметика.
  • Большое спасибо.

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

Хотя Elementor Pro хорошо работает со страницами одного продукта и магазина, он не позволяет вам прикасаться к этим другим страницам, что является серьезным недостатком, если вы хотите использовать Elementor для WooCommerce. WooLentor Pro исправляет это и дает вам больше контроля над всем вашим магазином.

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

Вы можете проверить это с помощью БЕСПЛАТНАЯ ВЕРСИЯ на WordPress.org. Однако я считаю, что большинство лучших функций доступно только в версии Pro. Так что, если вы хотите использовать WooLentor, рекомендую купить Премиум-издание Таким образом, вы можете создать свою собственную корзину покупок, страницу оформления заказа и т. Д.

Источник
Перейти к верхней кнопке