Улучшите функциональность своего сайта с помощью виджетов: всё, что вам нужно знать

Виды виджетов

Значки социальных сетей

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

Кнопки для репоста

Пользователи могут захотеть поделиться самыми полезными постами в вашем блоге — проще всего это сделать, нажав на кнопки для шеринга в соцсетях.
Отзывы с рекомендательных сервисов

Пользователи, изучающие ваш сайт, могут заинтересоваться отзывами ваших клиентов. Кликнув на иконки популярных сервисов с отзывами, они перейдут по ссылке и изучат на этих сервисах отзывы о вашей компании.

Онлайн-чат

С его помощью можно задать любой вопрос о работе компании — ответит либо оператор, либо нейросеть.

Обратная связь

Этот виджет поможет пользователю перейти на сервис с рекомендациями и оставить отзыв о работе вашей компании.

Поиск по веб-сайту

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

Проигрыватель подкастов

Если вы ведёте подкаст и размещаете его не напрямую на сайте, а на платформе, например, «Яндекс Музыке», воспользуйтесь кнопкой быстрого доступа к платформе. Это поможет пользователям быстрее послушать новый выпуск.

Виджет для регистрации

В ним необязательно размещать на сайте полную форму для подписки на рассылку — она откроется только тем, кто заинтересовался и нажал на виджет.

Товарные виджеты

Могут отображать покупки, которые уже сделал пользователь на сайте, или самые популярные товары во всех категориях или той, что он интересуется.

Прогноз погоды

Подойдёт компаниям, работа которых зависит от погодных условий: туристическим агентствам, отелям, сервисам спортивного проката.

Просмотр PDF

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

Карусель изображений

Можно показывать в карусели новости компании, популярные товары, отзывы и другие изображения.

Оповещения об обновлениях

Расскажите посетителям сайта об изменениях продукта, акциях или других событиях.

Оплата услуг

Обрабатывает платежи при небольшом объёме продаж.

Обратный звонок

Помогает не упустить пользователя, даже если сейчас у компании нет возможности пообщаться с ним. Нажав на кнопку обратного звонка, посетитель может оставить контактные данные, чтобы менеджер связался с ним позднее.

Калькулятор

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

Карты

Подойдёт компаниям с офлайн-точками, чтобы их проще было найти и построить маршрут до магазина или офиса.

Функции виджетов

1. Помогают получить больше пользы. Они дают возможность пользоваться дополнительными и разнообразными опциями на одном сайте. Не нужно отвлекаться на другие сервисы, если можно использовать калькулятор, изучить отзывы или посмотреть прогноз погоды здесь и сейчас. Виджеты помогают увеличивать глубину просмотров сайта и возвращать на него пользователей.
2. Привлекают внимание посетителей. С виджетами сайт становится ярче и пользователи задерживают на нём внимание дольше, чем обычно. Добавляют интерактива — взаимодействуя с элементами, пользователи включаются эмоционально и охотнее вернутся на сайт.
3. Дают возможность собрать информацию о пользователях. Даже если не собирает личные данные, то с их помощью можно фиксировать то или иное поведение посетителей. Это поможет принимать более взвешенные бизнес-решения.

Как дизайн виджетов влияет на конверсию

1. Виджет достаточно большой, чтобы его было заметно на сайте, но и достаточно маленький, чтобы не отвлекать от основного контента.
2. У него яркий, но не агрессивный цвет — его видно, но сайт не хочется сразу закрыть.
3. Шрифт достаточно большой и понятный, чтобы пользователь смог разобраться, зачем виджет нужен.
4. Лучше добавлять реальные изображения о компании, чем фото из стоков. Например, для онлайн-чата или обратного звонка.
5. У пользователя должна быть возможность легко закрыть виджет, если он не хочет им пользоваться. Для этого крестик должен располагаться в правом верхнем углу, быть ярким и достаточно большим.

Как разместить виджеты на сайте

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

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

Виджеты обычно пишут на языке программирования JavaScript — этот код можно вставить в общий HTML-код сайта или приложения.