Приховувати найкращі відгуки WooCommerce на сторінках товарів - це все одно що тримати найкращих продавців у підсобці. Коли відгуки розкидані чи приховані, більшість відвідувачів їх ніколи не бачить. А це означає, що упускаються можливості завоювати довіру та здійснити продажі.
Розміщуючи відгуки на головній сторінці та інших ключових сторінках, відвідувачі можуть одразу побачити реальні оцінки покупців. Це допомагає відвідувачам почуватися впевненіше при покупці, підвищує довіру до магазину та збільшує конверсію.
Після тестування кількох плагінів ми виявили, що Reviews Feed Pro від Smash Balloon дозволяє легко відображати відгуки про товари WooCommerce у будь-якому місці сайту WordPress.
У цьому посібнику крок за кроком детально розписано, як перетворити відгуки клієнтів на потужний інструмент продажу.
Навіщо показувати відгуки WooCommerce на веб-сайті WordPress?
Відображення відгуків WooCommerce за межами сторінок товарів – це простий спосіб зміцнити довіру та збільшити продажі на всьому сайті. Більшість покупців шукають підтвердження якості товару у соціальних мережах, перш ніж зробити покупку. Фактично, понад 90% споживачів читають оцінки перед тим, як зробити покупку. Однак, якщо оцінки відображаються лише на сторінках товарів, багато відвідувачів їх ніколи не бачать. Це особливо актуально, якщо спочатку вони потрапляють на головну або цільову сторінку.
У багатьох магазинах WooCommerce є відгуки, але вони мало що означають, тому що знаходяться там, де звичайні відвідувачі зазвичай не шукають.
Ось чому розміщення відгуків на більшій кількості майданчиків може справді змінити ситуацію:
- Здобути довіру відразу ж — коли відвідувачі бачать реальні оцінки відразу після входу, вони почуваються впевненіше під час перегляду та здійснення покупок.
- Підвищити конверсію за допомогою соціального доказу — оцінки працюють як рекомендації від інших клієнтів, що найчастіше переконливіше, ніж рекламний текст.
- Не дозволить відмінним відгукам залишатися непоміченими - якщо покупці ніколи не доходять до сторінок товарів, вони втрачають найкращі рекомендації.
- Досягти відвідувачів незалежно від їхнього місцезнаходження - додавання відгуків на головну сторінку, цільові сторінки або бічну панель допоможе більшій кількості людей їх побачити.
- Використовуйте оцінки як гнучкий інструмент для збільшення продажів — можна виділяти оцінки за товаром, категорією або тегом, щоб відповідати інтересам різних відвідувачів
Найприємніше те, що для налаштування не потрібно програмування або технічних навичок. Нижче описано, як саме відображати відгуки WooCommerce в будь-якому місці вашого сайту.
Крок 1: Встановіть та активуйте Reviews Feed Pro.
Smash Balloon's Reviews Feed Pro - найкращий плагін для WordPress, що дозволяє відображати оцінки клієнтів. Він дозволяє відображати відгуки з WooCommerce та інших платформ у будь-якому місці сайту WordPress.
Цей потужний плагін включає візуальний налаштувач, гнучкі параметри макета і автоматичну синхронізацію відгуків. Таким чином, стрічка завжди буде актуальною без будь-яких ручних дій із вашого боку.
Круто те, що плагін автоматично визначає ваш магазин WooCommerce. Це означає, що не потрібно нічого кодувати та працювати з API-ключами. Він автоматично підключається до ваших товарів.
Перед початком роботи: Вам буде потрібний активний магазин WooCommerce, налаштований на сайті WordPress. Також переконайтеся, що у вашому магазині включені оцінки, перевіривши WooCommerce » Налаштування » Товари та встановивши прапорець «Включити відгуки».
Безкоштовна версія Reviews Feed - Це хороший варіант для початку, але вона обмежена відгуками з Google та Yelp. Для відображення відгуків WooCommerce та доступу до потужніших функцій вам знадобиться Reviews Feed Pro.
Після підтвердження покупки завантажте ZIP-файл плагіна з панелі керування облікового запису. Не забудьте скопіювати свій ліцензійний ключ, він знадобиться за мить. Звідси можна встановити та активувати плагін. В адміністративній панелі WordPress перейдіть до розділу Плагіни » Додати плагін.
Далі натисніть "Завантажити плагін". У вікні завантаження файлів просто натисніть "Вибрати файл" і завантажте завантажений ZIP-файл.
Після завантаження натисніть "Встановити зараз", а потім "Активувати".
Після активації плагін запропонує вам ввести ліцензійний ключ. Просто вставте скопійований ключ у відповідне поле і натисніть «Активувати», щоб активувати плагін.
Після перевірки ліцензії не забудьте натиснути кнопку «Зберегти зміни». Тепер можна створити свій перший фід відгуків WooCommerce.
Крок 2: Створіть свій перший фід відгуків WooCommerce.
Тепер настав час створити свою першу стрічку відгуків.
У панелі керування WordPress перейдіть до розділу Стрічка відгуків » Всі стрічки. Тут можна керувати всіма своїми стрічками оцінок після того, як почнете створювати їх.
Для початку натисніть кнопку «Додати новий» у верхній частині сторінки.
Плагін запропонує додати джерело стрічки. Джерело – це просто місце, звідки надходять оцінки, в даному випадку – ваш інтернет-магазин.
Натисніть «Додати джерело», щоб розпочати процес налаштування.
На наступному екрані з'явиться список доступних платформ для написання відгуків. Виберіть "WooCommerce" із запропонованих варіантів.
Оскільки Reviews Feed Pro автоматично виявляє магазин WooCommerce, він підключиться відразу ж без будь-якої додаткової настройки.
Потім вирішіть, які відгуки хочете додати до своєї стрічки. Плагін пропонує три гнучкі варіанти:
- Окремі товари - вибирайте конкретні товари, виконуючи пошук за назвою. Це зручно, якщо потрібно виділити оцінки про популярні товари.
- Категорії - відображення відгуків по всій товарній категорії одночасно. Це відмінний варіант, якщо хочете показати оцінки по всьому асортименту товарів.
- Теги дозволяють отримувати оцінки про товари, що мають певний тег. Корисно для нішевих колекцій або тематичних груп, таких як "літні добірки" або "улюблені товари співробітників".
Після вибору кращого варіанта можна виконати пошук або вибрати конкретні товари, категорії або теги, які хочете додати.
Перед завершенням Reviews Feed Pro попросить вказати назву джерела.
Для зручності рекомендується використовувати описові заголовки, наприклад «Огляди літніх колекцій» або «Стрічка бестселерів».
Коли ви будете задоволені вибором, натисніть «Завершити». Тепер плагін підтягуватиме оцінки, пов'язані з вибраними вами товарами, категоріями або тегами, і готуватиме стрічку для персоналізації.
Натисніть "Далі".
Крок 3: Налаштування дизайну стрічки відгуків.
Тепер, коли в стрічку надходять відгуки, настав час зробити так, щоб вони відмінно виглядали.
Reviews Feed Pro перенаправить вас до інтерактивного редактора та покаже попередній перегляд стрічки в режимі реального часу у міру внесення змін. Це дозволяє легко налаштувати перед публікацією так, щоби все виглядало ідеально.
Налаштування макету
Перше, що потрібно зробити, це обрати оформлення стрічки. Плагін пропонує кілька варіантів, наприклад:
- Карусель відображає оцінки у вигляді слайдера, що добре підходить для головних сторінок або цільових сторінок, де простір обмежений.
- Сітка – відображає оцінки в акуратній, впорядкованій сітці, яка підходить для більшості сторінок.
- Кам'яна кладка схожа на сітку, але з різною висотою карток для більш природного вигляду в стилі Pinterest.
Також доступні прості картки та відображення одного відгуку. Кожен макет має свій власний стиль, тому варто попередньо переглянути всі три, щоб зрозуміти, який із них найкраще підходить вашому бренду. Для цього посібника виберемо шаблон "Карусель".
Після вибору макету в налаштуваннях сайту ви потрапите на панель «Макет».
Примітка: Установки можуть відрізнятися залежно від вибраного шаблону. У прикладі ми використовуємо шаблон "Карусель".
Тут, на лівій панелі, можна керувати зовнішнім виглядом відгуків, наприклад:
- Інтервал між відгуками – регулює відстань між оцінками, завдяки чому текст виглядає менш перевантаженим та його легше читати.
- Кількість відгуків, що відображаються на настільних комп'ютерах, планшетах та мобільних пристроях — дозволяє вибрати, скільки оцінок буде відображатися на екранах різних розмірів, щоб макет добре виглядав на будь-якому пристрої.
Зверніть увагу, що ці налаштування макету за умовчанням добре підходять для більшості сайтів, тому можна залишити їх як є або змінити за потреби.
Прокрутивши цю панель донизу, ви знайдете додаткові параметри налаштування:
- Точки адаптації каруселі – як карусель оглядів адаптуватиметься до різних розмірів екрана.
- Розташування стовпців і рядків — кількість відгуків, які відображаються в кожному рядку та стовпці.
- Перемотування назад або нескінченний цикл — Виберіть, чи карусель зупиниться на останньому огляді, чи повернеться до початку.
- Інтервал між слайдами (у мілісекундах) - визначає швидкість зміни оцінок при увімкненому автовідтворенні.
- Елементи керування навігацією — відображати або приховати стрілки та точки пагінації для спрощення використання каруселі або збереження більш простого вигляду.
- Автоматичне відтворення — Вмикає або вимикає автоматичне прокручування.
- Довжина контенту — обмежити кількість символів, які відображаються у кожному відгуку, щоб зберегти акуратний вигляд.
У прикладі ми залишили все як є, за винятком елементів керування навігацією та приховали стрілки, щоб виглядало акуратніше.
Після цього можна натиснути кнопку «Назад», щоб повернутися до головної панелі налаштувань.
Налаштування заголовка
Тут можна настроїти заголовок відгуків WooCommerce. Заголовок відображається у верхній частині стрічки оцінок. Він миттєво дає відвідувачам контекст того, що вони бачать. Спочатку переконайтеся, що ця функція увімкнена у налаштуваннях теми, а потім натисніть «Заголовок», щоб налаштувати його.
Заголовок можна відредагувати в полі «Зміст». Наприклад, "Що кажуть наші клієнти" добре підійде для більшості магазинів. Також можна змінити колір та розмір тексту, щоб заголовок органічно вписувався в решту дизайну сайту.
Якщо ви випадково закрили редактор, не панікуйте. Перейти в розділ Стрічка відгуків » Усі стрічки в адміністративній панелі WordPress та натиснути на значок «Редагувати» поряд зі стрічкою.
Після завершення натисніть кнопку, щоб повернутися до головної панелі налаштувань.
Налаштування розділу відгуків
На панелі «Відгуки» можна настроїти стиль публікації та спосіб відображення.
Почнемо зі «Стилю публікації».
Пропонується на вибір один із двох варіантів:
- Boxed – відображає кожен відгук усередині рамки з рамкою та дозволяє задати колір фону.
- Звичайний — відображає оцінки без рамки, використовуючи чітку розділову лінію з кольором, що налаштовується, для більш лаконічного вигляду.
Варіанти оформлення постів можуть відрізнятися залежно від вибраного шаблону.
На сторінці "Редагувати окремий елемент" плагін дозволяє точно контролювати, що відображається всередині кожної картки відкликання: можна відображати або приховувати такі елементи як ім'я рецензента, рейтинг у вигляді зірок, дату рецензії або текст рецензії. Це дає більшу гнучкість, дозволяючи підтримувати порядок та фокусування уваги.
Порада експерта: При відображенні відгуків клієнтів ви по суті обробляєте дані користувачів. Рекомендуємо оновити Політику конфіденційності, вказавши, що ви відображаєте ці оцінки. Це забезпечить відповідність вашого сайту законам захисту даних.
Для кожного з цих елементів можна змінити кольори, відступи та поля.
У розділі «Інструкції до відгуків» можна налаштувати товщину, висоту та розмір шрифту. Крім того, можна відображати або приховувати завантажені рецензентом зображення або відео.
Далі, якщо у стрічці багато відгуків, можете включити кнопку «Завантажити ще», щоб відвідувачі могли переглядати додаткові оцінки, не перевантажуючи сторінку інформацією.
Якщо ви хочете, щоб стрічка була компактною і відображала тільки фіксовану кількість відгуків, просто відключіть цю опцію. Перш ніж продовжити, рекомендуємо приділити трохи часу для попереднього перегляду стрічки на екранах меншого розміру, використовуючи параметри попереднього перегляду пристроїв у налаштуваннях теми.
Програма Reviews Feed Pro розроблена з урахуванням адаптивного дизайну, але завжди корисно переконатися, що все виглядає акуратно і читається на мобільних пристроях.
Коли влаштує зовнішній вигляд стрічки, натисніть «Зберегти» налаштування.
Крок 4: Додайте кілька джерел до одного каналу (необов'язково)
Якщо ви хочете вивести свою стрічку відгуків на новий рівень, Reviews Feed Pro дозволяє легко об'єднувати оцінки з різних джерел в одну стрічку.
Це абсолютно необов'язково, але може стати ефективним способом представити ширший спектр відгуків клієнтів в одному місці.
Щоб додати друге джерело до існуючої стрічки, перейдіть до розділу Установки » Джерела в редакторі стрічки.
Потім натисніть кнопку «Додати інше джерело». Процес налаштування аналогічний Кроку 2, описаному вище та вже пройденому вами.
Звідти можна додати той самий фід ще один набір товарів, категорій або тегів.
Одне з практичних застосувань цього методу – об'єднання відгуків із різних категорій товарів. Наприклад, якщо у вас магазин одягу, можна об'єднати оцінки з чоловічої та жіночої категорій в одну стрічку для створення спільної сторінки з відгуками.
Виявіть більше креативності, як ви комбінуєте джерела. Відмінний підхід - це поєднання широких категорій із конкретними товарами. Наприклад, зберіть відгуки з усієї категорії «Аксесуари», а потім додайте до них конкретний бестселер.
Таким чином, найпопулярніші товари отримують додаткову видимість, при цьому стрічка залишається збалансованою. Якщо створюєте кілька стрічок новин одночасно, щоб не заплутатися використовуйте спливаюче вікно вибору джерела.
Одним клацанням миші можна побачити, які товари, категорії чи теги пов'язані зі стрічкою. Також є можливість перевіряти джерела, не відкриваючи редактор, та швидше оновлювати стрічки для рекламних чи сезонних кампаній.
Це особливо корисно для великих магазинів.
Поки ви тут, ознайомтеся з деякими іншими налаштуваннями, наприклад розділ «Модерація».
Це дозволяє легко модерувати та фільтрувати відгуки у WooCommerce, щоб точно вибирати, які з них будуть відображатися на сайті. Але якщо ви хочете, щоб вони оновлювалися автоматично, вимкніть це налаштування.
Крок 5: Покажіть стрічку відгуків на своєму сайті.
Створивши і налаштувавши свою стрічку, настав час приступити до її використання.
Місце розміщення відгуків має таке саме значення, як і самі оцінки. Мета полягає в тому, щоб показати їх відвідувачам у той момент, коли на них найімовірніше вплине соціальний доказ.
Рекомендуємо почати з головної сторінки - це перше місце, куди потрапляє більшість відвідувачів, і грамотно розміщена стрічка відгуків може відразу зміцнити довіру.
Ось як це зробити за допомогою Reviews Feed Pro.
Додайте стрічку відгуків на головну сторінку за допомогою блоку
Найпростіший спосіб вбудувати стрічку на певну сторінку - використовувати блок Стрічка відгуків в редакторі блоків WordPress.
Для цього просто натисніть кнопку "Вбудувати", щоб запустити майстер вбудовування.
У спливаючому вікні з'явиться шорткод стрічки та опція «Додати на сторінку».
Наприклад виберемо «Додати на сторінку».
Потім виберіть сторінку, на якій плануєте відображати стрічку, наприклад, головну сторінку (або цільову сторінку користувача).
Натисніть кнопку «Додати».
У редакторі блоків натисніть значок "+", щоб додати новий блок.
Знайдіть розділ «Стрічка відгуків» та виберіть його з результатів пошуку.
Після цього в редакторі вмісту з'явиться стрічка.
Якщо є кілька стрічок відгуків, плагін дозволить вибрати, яку потрібно відображати. Натисніть на меню, що розкривається, на панелі налаштувань блоку праворуч від редактора.
За бажанням перемістіть блок відгуків вгору або вниз, а потім збережіть зміни.
Тепер можна подивитися на сайт, щоб побачити це в дії:
Як додати відгуки в бічні панелі та області віджетів за допомогою шорткоду?
Цей метод відмінно підходить для бічних панелей та нижніх колонтитулів, які часто використовуються у класичних темах WordPress. Він також працює з більшістю конструкторів сторінок, які підтримують блоки шорткодів.
Для початку просто натисніть кнопку «Вбудувати» в параметрах Reviews Feed Pro. У спливаючому вікні з'явиться шорткод стрічки, а також опція «Додати на сторінку». Натисніть кнопку «Копіювати» поруч із коротким кодом стрічки відгуків.
Примітка: Якщо ви випадково закрили редактор, не турбуйтеся. Ви можете знайти свій шорткод на сторінці Стрічка відгуків » Всі стрічки та знайти створену вами стрічку. Шорткод буде вказано там — він виглядатиме приблизно так [reviews-feed]
Перейдіть до розділу Зовнішній вигляд » Віджети та додайте блок «Шорткод» у потрібну область віджетів, наприклад, у бічну панель або нижній колонтитул.
Тепер вставте скопійований шорткод у віджет.
Після цього натисніть «Оновити», щоб зберегти зміни.
Тепер можна перейти на свій сайт та побачити все у дії. Ось як, наприклад, виглядають відгуки WooCommerce на сторінці контактів:
Додавання стрічок новин на весь сайт за допомогою функції повного редагування сайту (FSE)
Якщо ваша тема WordPress підтримує повне редагування сайту (FSE), з'являється ще потужніша можливість. FSE дозволяє додавати стрічку відгуків безпосередньо в шаблони теми, такі як заголовок, нижній колонтитул або шаблони сторінок користувача.
Таким чином, оцінки відображатимуться однаково на кількох сторінках без необхідності редагувати кожен з них окремо. Це значно заощаджує час власникам магазинів, які хочуть розмістити відгуки по всьому сайту без великих витрат на ручну роботу.
Для початку перейдіть до розділу Зовнішній вигляд » Редактор на панелі керування WordPress.
Примітка:Якщо ви не бачите пункт "Редактор" у меню, швидше за все, використовується класична тема. У цьому випадку слід використовувати метод із шорткодом або віджетом, показаний вище.
Звідти перейдіть до шаблону, куди ви плануєте додати стрічку. Наприклад, потрібно додати його до активного шаблону «Блог».
У редакторі шаблонів натисніть значок «+», щоб додати новий блок. Потім просто знайдіть «Лента відгуків» і вставте її так само, як і на звичайній сторінці.
Ось як відображаються відгуки про товари WooCommerce у прикладі блогу на WordPress:
Додаткова порада: Відображення відгуків з Google, Facebook та Yelp у WordPress.
Якщо хочете ще більше підвищити довіру до свого сайту з боку користувачів, можете відображати оцінки з таких великих платформ, як Google, Facebook та Yelp, поряд із відгуками про ваш сайт WooCommerce.
Це може підвищити довіру та ще більше збільшити конверсію.
Smash Balloon's Reviews Feed Pro підтримує всі ці платформи, тому можна створювати окремі фіди для кожної з них або об'єднувати їх з відгуками WooCommerce, використовуючи функцію мультиджерела, про яку ви дізналися на кроці 4.
Це чудовий спосіб показати відвідувачам, що магазину довіряють на різних платформах, а не лише на власному сайті.
Питання та відповіді
Вітаємо – ви навчилися створювати фід із ваших товарів WooCommerce!
Джерело: www.wpbeginner.com
Коментарі до запису: 0