Примеры Airbnb Reviews

Посмотрите, как работает Airbnb Reviews на реальных примерах. Оцените его возможности для своего сайта, какими бы ни были задачи.

Пример 1. Review Request

Отзывы выводятся на странице через виджет, повторяющий оригинальные цвета сервиса Airbnb. Шапка виджета демонстрирует звездный рейтинг страницы и количество клиентов, опубликовавших отзывы с фото их профилей. Кликнув по любому из фото, пользователь перейдет в соответствующий аккаунт. Используя CTA-кнопку, каждый посетитель сайта может написать свой отзыв. Кнопка Yes имеет контрастный оттенок, чтобы привлечь внимание.

Пример 2. List

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

Пример 3. Masonry

Здесь виджет представлен с помощью раскладки Masonry. Это тип сетки, при котором отзывы автоматически распределяются в ряды в соответствии с высотой, и выглядят как каменная кладка. Таким образом можно максимально эффективно расходовать пространство, а результат напоминает мозаику. Неповторимости этому виджету придает и авторский цвет. Общий рейтинг страницы, отображающийся рядом с отзывами, помогает подтвердить высокий уровень доверия тех, кто пользуется вашими услугами.
Перейти к созданию виджета
Перейти к созданию виджета
Быстро. Легко. Ни строчки кода.
Создать виджет

Пример 4. Grid

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

Пример 5. Carousel

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

Пример 6. Slider

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

Пример 7. Sidebar

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

Станьте одним из 213,540 клиентов Elfsight Apps

Get the taste of 20 more powerful apps by Elfsight. No credit card. Joining is risk-free!
Начать
Получите скидку 20% прямо сейчас!