Примеры Booking.com Отзывы

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

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

Раскладка “Сетка” вместе с макетом Spotlight придает виджету строгий внешний вид. Отзывы собраны в единую сетку с серым цветом фона и выравниванием текста по центру. Строгие очертания раскладки “Сетка” прекрасно работают и с другими макетами. Все опции дизайна виджетов Elfsight созданы с учетом полной совместимости.

Здесь рецензии клиентов выводятся в карусели с опцией автоматического перелистывания. Этот динамичный виджет прекрасно подойдет для главной страницы сайта. Раскладка Slider включает несколько возможностей управления: с помощью активных стрелок, перетаскиванием, с помощью пагинации. Вы также можете сами решить, какое количество отзывов будет содержаться в одном слайде.

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

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