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

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
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 у адмінці Вордпрес. Потім оберіть надбудову під назвою Таймер та натисніть «Зберегти зміни».

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

Додати коментар