Примеры виджета Houzz Отзывы

Дизайн виджета в данном примере в оригинальных цветах сервиса Houzz. Шапка виджета демонстрирует общий рейтинг, число всех пользователей, опубликовавших отзывы и фото последних респондентов. По клику на любое фото, посетитель будет перенаправлен на аккаунт автора. Чтобы привлечь ещё больше пользователей оставить отзыв на сервисе, в этот примере используется CTA кнопка. Цветовой акцент на кнопке “Yes” привлекает внимание посетителей сайта и побуждает их поделиться мнением о вас на сервисе Houzz.

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

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

Выбор раскладки Сетка (Grid) в паре с макетом Spotlight придает виджету сдержанный дизайн. Рецензии представлены в единую сетку с серым фоном и расположением текста по центру. Классический дизайн раскладки Сетка будет отлично смотреться и с другими шаблонами.

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

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

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