Скрывать лучшие отзывы 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