Примеры Поиска для сайта

Готовый дизайн виджета поиска для любого сайта

Пример 1. Плавающая кнопка

Главные особенности: плавающая кнопка, popup результаты.

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

Пример 2. Новости в полноэкранном режиме

Главные особенности: фиксированная позиция, результаты в полноэкранном режиме.

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

Пример 3. Встроенный поиск

Главные особенности: фиксированная позиция, popup результаты, раскладка Таблица

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

Перейти к созданию виджета
Перейти к созданию виджета
Быстро. Легко. Ни строчки кода.
Создать виджет

Пример 4. Полноэкранный поиск для статей

Главные особенности: плавающая кнопка, fullscreen результаты, раскладка Masonry

Стильная плавающая строка поиска черного цвета постоянно находится на виду у посетителей сайта. С ее помощью вы можете привлечь их внимание к возможности поиска. Результаты занимают весь экран и представлены с помощью раскладки Masonry.

Пример 5. Строка поиска в меню

Главные особенности: фиксированная позиция, popup результаты, раскладка Masonry

Идеальный вариант для того, чтобы разместить его в меню. Лаконичное поле поиска аккуратно впишется в дизайн любого сайта, результаты отображаются в виде раскладки Masonry. Пользователи смогут увидеть описания, изображения и несколько Быстрых ссылок - тегов, ведущих на страницы хитов продаж.

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

Откройте для себя еще более 50 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!
Начать
Получите скидку 20% прямо сейчас!