Больше результатов...

Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Post Type Selectors
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

У вас есть магазин WooCommerce и вы хотите выделиться среди других онлайн-магазинов? Попробуйте добавить этикетки продуктов.

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

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

WooCommerce Advanced Product Labels– это мощный плагин WordPress от BeRocket, предлагающий ряд привлекательных шаблонов, варианты лейблов, расширенный стиль и многое другое. Плагин позволит повысить конверсию, сделав продукты динамичными, привлекательными и заметными.

Трудно описать эффект ярлыка простым текстом, поэтому вы можете проверить плагин в действии здесь и здесь, чтобы понять, что имеется в виду. Это живые примеры того, что Advanced Product Labels может создавать. Плагин установлен почти 30 000 раз и находится на рынке уже 4 года.

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

Плагин Advanced Product Labels
Список функций

Вкратце, BeRocket Advanced Product Labels – это инструмент персонализации и улучшения продукта, специально созданный для WooCommerce и WordPress.

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

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

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

Поскольку BeRocket Advanced Product Label – это инструмент, специально созданный для Вукомерс, он отлично сочетается с базовой установкой. Все, что вам нужно сделать, это установить его на сайт, разрешить ему доступ к функциям WooCommerce через WordPress API, и все готово.

Практическое руководство

Теперь углубимся и посмотрим, как работают различные функции плагина.

1. Создание новой этикетки

Чтобы начать, вы открываете свою панель управления WordPress и нажимаете BeRocket → Advanced Labels.

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

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

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

Затем выберите одно из 17 условий, доступных для этикетки вашего продукта. На этом этапе вы можете решить, нужно ли смешивать условия, используя операторы «И» или «ИЛИ».

При создании этикетки «Распродажа» для продукта в примере ниже, выбрана «Распродажа» в качестве первого условия, а идентификатор страницы – в качестве второго. Затем использован оператор AND, чтобы установить связь между ними.

Распродажа
Затем перейдите в раздел «Дополнительные настройки этикетки» и выберите шаблон для этикетки. Когда вы это сделаете, BeRocket предоставит вам возможность скрыть этикетку на устройстве: мобильном телефоне, планшете и / или компьютере. Установите флажок для устройства, на котором не должна отображаться этикетка.

Вы также можете выбрать один из 8 типов контента для этикетки:

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

Смотрите также:

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

2. Изменение стиля метки

Вас не устраивает существующий стиль вашей этикетки? Нет проблем – его можно настроить на вкладке «Стиль» в дополнительных настройках меток.

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

Закладка Стиль
Есть много вариантов, с которыми можно поиграть. Вы можете изменить размер шрифта, ширину, высоту, радиус границы, ширину границы и другие параметры ярлыка.

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

Эффекты непрозрачности и тени

3. Изменение положения метки

Еще одна удобная опция на вкладке Advanced Product Labels – «Позиция». Этот параметр позволяет выбрать между сохранением лейбами в ее текущем положении, размещением ее на изображении или размещением ее в названии продукта.

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

Вы также можете настроить отступ и поле этикетки и повернуть их как часть A / B-теста, чтобы увидеть, улучшает ли конверсия уникально расположенная метка.

Тесты

4. Использование всплывающей подсказки

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

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

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

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

Как использовать таймеры на этикетках расширенных продуктов

Таймеры помогают создать у посетителей ощущение срочности. Вы, наверное, знаете, каково это видеть, когда таймер отсчитывает 10… 9… 8… 7… возникает внезапное желание действовать до того, как таймер достигнет 0.

С помощью Advanced Product Labels можно установить таймеры для любых продуктов с датами продаж.

Для этого откройте BeRocket → Product Labels в админке Вордпресс. Затем выберите надстройку под названием Timer и нажмите «Сохранить изменения».

BeRocket → Product Labels
Затем откройте Advanced Labels и нажмите Add New Label. Введите тот же заголовок, что и при создании этикетки продукта, т. е. «Продажа», и выберите «Распродажа» в качестве условия. Теперь установите флажок для использования таймера. После этого вы увидите на дисплее различные таймеры, которые можно выбрать для своей продажи.

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

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

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

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

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

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

Чтобы получить доступ к градиентным ориентациям, запустите BeRocket → Product Labels в админке WordPress. Затем выберите надстройку «Градиент» и нажмите «Сохранить изменения».

Градиент
Теперь перейдите в Advanced Labels и нажмите Add New Label. Затем в разделе «Стиль» щелкните поле перед надписью «Использовать градиент», чтобы увидеть все доступные параметры.

Выберите начальный цвет градиента, конечный цвет, угол и ориентацию.

Цвет градиента
Вот и все.

Как видите, плагин эффективен, когда дело доходит до создания этикеток для ваших продуктов.

Цены

Плагин WooCommerce Advanced Product Labels поставляется только в премиум-версии, а его цена зависит от количества сайтов, на которых вы хотите его использовать.

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

  • 1 сайт – единовременный платеж 34 $.
  • 3 сайта – 39 $, единовременный платеж.
  • 5 сайтов – 59 $, единовременный платеж.
  • 10 сайтов – 89 $, единовременный платеж.

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

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

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

Источник: wplift.com

редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Комментарии к записи: 0

Добавить комментарий