Красивое представление отзывов на сайте WordPress

Красивое представление отзывов на сайте WordPress

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

Однако, есть и обратная сторона медали. Дело в том, что сайт компании не является независимым источником. Многие знают, что отзывы на сайте могут быть написаны самими владельцами сайта или же они тщательно отобраны, чтобы отображать только положительные стороны. И тут важный момент заключается в том, что при помощи отзывов клиентов можно в обывательской форме донести информацию о предлагаемом продукте до потребителя. Клиенты рассказывают, как пользуются продуктом, какие есть особенности и многое другое, чего нет в стандартном описании. Поэтому я считаю отзывы важной составляющей при коммуникации с целевой аудиторией. Как их красиво представить на сайте я расскажу в этой статье.

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

Создаем блок с отзывами

Отзывы на сайте WordPress

Как уже стало понятно, нам понадобится редактор страниц Elementor и дополнение ElementsKit, которое можно установить из админ-панели, зайдя в раздел Плагины. После его установки и активации можно приступать непосредственно к созданию блока с отзывами.

Для этого либо на новой странице, либо в уже существующей, создадим новую секцию при помощи Elementor. Если ElementsKit установлен, то слева в списке виджетов появится раздел ElementsKit, и в нем находим виджет, который называется Testimonial. И перетаскиваем его в созданную секцию.

Как и во всех стандартных виджетах Elementor, в этом также есть три основные разделы настроек. Это Содержимое, Стиль и Расширенные. Вкладки Содержимое и Стиль отвечают за глобальные настройки блока и его стили соответственно. В них мы приводим блок отзывов в соответствии со стилистикой темы. Во вкладке Содержимое создается весь контент отзывов.

Настройка контента блока

Во вкладке Содержимое имеется четыре раздела. Это Layout, Testimonial, Settings и спойлер, котоый предлагает перейти на платную версию с дополнительными настройками. Я его рассматривать не буду, а остановлюсь на первых трех.

Раздел Layout

Отзывы на сайте WordPress

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

Testimonial

Отзывы на сайте WordPress

Следующий спойлер в разделе Содержимое, это Testimonial. В нем создается сам контент отзыва. Мы можем включить или отключить иконку, сопровождающую отзыв. По умолчанию, это кавычки. Здесь также настраивается произвольное положение отзыва, включается или отключается рейтинг в виде звезд, а также создаются сами отзывы. Их мы добавляем путем нажатия на кнопку Добавить элемент.

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

Settings

Отзывы на сайте WordPress

И последний раздел Settings отвечает за настройки и функционал блока с отзывами. В нем мы настраиваем внутренние отступы, задаем количество слайдов, которые будут показаны за раз и количество слайдов для шага прокрутки, скорость перелистывания в миллисекундах, включаем или отключаем автоматическое воспроизведение, а также задаем паузу при наведении. Переключатели Show arrow и Show dots отвечают за включение или отключение стрелок и точек соответственно, а также настройками их внешнего вида.

Отзывы на сайте WordPress

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

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

account android arrow-alt-circle-down arrow-alt-circle-left arrow-alt-circle-right arrow-alt-circle-up arrow-down arrow-left arrow-right arrow-up author bars behance blogger buffer caret-down caret-left caret-right caret-square-down caret-square-left caret-square-right caret-square-up caret-up cart-menu-1 cart-menu-2 cart-menu-3 cart-menu-4 categories chevron-down chevron-left chevron-right chevron-up clock close comments cookies copyright coupon-discount date-modified date-published discord double-arrows-down double-arrows-left double-arrows-right double-arrows-up dribbble envelope-open envelope eye facebook fax flickr foursquare github gmail google-drive grid-view hashtag hollow-ring homepage instagram ios level-down-alt level-up-alt line link linkedin list-view login logout long-arrow-alt-down long-arrow-alt-left long-arrow-alt-right long-arrow-alt-up medium messenger mobile-menu mobile phone pinterest place qq quote-left quote-right quotes reading-time-hourglass reading-time-stopwatch reddit rss scroll-to-top search shazam shopping-bag shopping-cart side-panel-opening-2-left side-panel-opening-2-right side-panel-opening-left side-panel-opening-right skype slack small-arrow-down small-arrow-left small-arrow-right small-arrow-up sms snapchat soundcloud spinner spotify stackoverflow sync telegram tiktok times-circle tinder trello tripadvisor tumblr twitch twitter viber vimeo vine vkontakte website wechat whatsapp windows wishlist xing yelp youtube zoom