Примеры виджета Hotels Отзывы
Example 1. Review Request
Отзывы выводятся на странице в виде виджета в классических цветах сервиса Hotels. Заголовок выводит общий рейтинг отеля и количество гостей, оставивших на ней отзывы с фото профиля последних. По клику на CTA кнопку “Write a review”, любой из посетителей сайта сможет оставить новый отзыв на сервисе Hotels. Опция “Yes” в этом примере спейиально имеет контрастный цвет, чтобы привлечь как можно больше пользователей оставить отывы о вас.
Example 2. List
Этот виджет поможет вывести отзывы на своем сайте один за одним в виде строго списка. Если скрыть заголовок и выставить автоматическую ширину и высоту, как в этом примере, виджет впишется в незанятое пространство страницы и адаптируется под его параметры. Если вы хотите ограничить число выводимых отзывов, вы можете использовать следующие фильтры: по количеству, только положительные или исключение по ключевому слову.
Example 3. Masonry
Example 4. Grid
Вариант раскладки виджета Сетка вместе с макетом Spotlight создает строгий внешний вид. Отзывы оформлены в единую сетку с серым фоном с выравниванием по центру. Геометричные формы раскладки Сетка будут отлично смотреться и с другими макетами. Все параметры стиля виджетов Elfsight разработаны с учетом взаимной сочетаемости.
Example 5. Carousel
В этом виджете рецензии пользователей выводятся через карусель с опцией автоматического перелистывания. Такой динамичный вариант прекрасно впишется в главную страницу сайта. Раскладка Slider предлагает несколько вариантов контроля: стрелки, перетаскиванием, постраничный просмотр. Помимо этого вы можете сами определить сколько отзывов будет продемонстрировано на одном сайте.
Example 6. Slider
При введении отзывов по одному, посетители будут иметь возможность внимательно изучить каждый из них. В этом примере отзывы представлены по одному на странице с помощью раскладки Slider, при этом изменилось и порядок элементов: фото автора и общий рейтинг располагаются выше текста, все элементы выровнены по центру. Последующие посты клиентов можно увидеть управляя стрелками навигации или с с помощью перетаскивания мышью.
Example 7. Sidebar
Этот виджет - замечательный пример того, как вы можете аккуратно добавить отзывына свой сайт в случае, если у вас не так много свободного пространства. Раскладка Sidebar скрывает все дополнительные детали, виджет показывает только основное. А благодаря высокой адаптивности, даже при уменьшенном размере сохранена 100% функциональность и удобство использования виджета.