Виджет опросов для сайта
Гайд6 минут чтения
Виджет опросов для сайта — способ собирать отзывы и оценки прямо на странице, не уводя посетителя на другой адрес. На этой странице работают четыре живых примера: встроенный опрос, всплывающее окно и два виджета в углу экрана. Ответьте на любой из них — и откройте отчёт, чтобы увидеть, как выглядят результаты.
Коротко
- Три способа: виджет в углу страницы, всплывающее окно и опрос, встроенный в страницу. Все настраиваются во вкладке «Сбор ответов».
- Что внутри: один вопрос (NPS, звёзды, «Да/Нет») или короткий опрос с логикой — уточняющий вопрос зависит от оценки.
- Код: Тестограф выдаёт готовый фрагмент — его вставляют на любой сайт, где можно добавить HTML.
- Идентификация: через параметры можно передать страницу или ID пользователя и видеть их в отчёте.
- Ответы: смотрите отчёт регулярно и включите уведомления, чтобы быстро реагировать на негатив.
Что такое виджет опросов для сайта
Виджет опросов — это кнопка, плашка или иконка на сайте, по клику на которую открывается опрос. Посетитель отвечает, не уходя со страницы. Виджет может содержать один простой вопрос — например, NPS (Net Promoter Score) или оценку звёздами, — а может и развёрнутый опрос.
Виджет, всплывающее окно и встраивание в страницу
Кроме виджета, опрос можно показать во всплывающем окне или встроить прямо в страницу. Все три способа находятся во вкладке «Сбор ответов» опроса, а выбор зависит от того, где и когда вы хотите спросить посетителя.
| Способ | Как выглядит | Когда уместен | Пример ниже |
|---|---|---|---|
| Виджет | Плашка с текстом или иконка в углу либо у края экрана; по клику открывается окно с опросом | Постоянный сбор отзывов на всех страницах: оценка сервиса, доставки, удобства сайта | «Оцените доставку» и иконка справа |
| Всплывающее окно | Окно поверх страницы — по таймеру или по клику на кнопку | Важный вопрос в нужный момент: NPS после покупки, опрос перед уходом со страницы | Кнопка «Оценить Тестограф» |
| Встраивание | Опрос — часть страницы, как обычный блок | Вопрос в контексте: в конце статьи, в карточке товара, вместо формы обратной связи | «Была ли статья полезной?» |
Живые примеры на этой странице
Все примеры ниже — настоящие опросы Тестографа. Ответы сохраняются, а под каждым примером есть ссылка на отчёт: в нём видны ответы читателей этой статьи.
Встраивание: «Была ли статья полезной?»
Самый частый сценарий для статей и справки. Один клик — и ответ записан. Если читатель выбирает «Нет», логика показывает уточняющий вопрос «Чего не хватило?», а при ответе «Да» опрос сразу завершается. Опрос встроен в страницу и передаёт в отчёт параметр page — адрес статьи.
Открыть отчёт по этому примеру
Всплывающее окно: NPS с уточняющим вопросом
Окно открывается по клику на кнопку. После оценки от 0 до 10 логика задаёт разный вопрос: критикам (0–6) — что улучшить в первую очередь, нейтралам (7–8) — чего не хватает до 10, промоутерам (9–10) — что нравится больше всего. Так один короткий опрос сразу объясняет оценку.
Открыть отчёт по этому примеру
Виджет-плашка: «Оцените доставку»
Синяя плашка «Оцените доставку» в правом нижнем углу — пример для интернет-магазина. Пять звёзд, а при оценке 1–3 — вопрос «Что пошло не так?» с готовыми вариантами. Высокая оценка сразу завершает опрос, чтобы не отнимать время у довольных клиентов.
Открыть отчёт по этому примеру
Виджет-иконка: мини-голосование
Фиолетовая иконка у правого края экрана открывает голосование «Какой способ подойдёт вашему сайту?». Иконка занимает минимум места и не мешает чтению, а ответ записывается одним кликом. Результаты голосования видны в публичном отчёте по ссылке ниже.
Открыть отчёт по этому примеру
Как устроены примеры
Стиль опросов — шрифт, цвета, кнопки и шкала NPS — задан в редакторе опроса на вкладке «Дизайн» через свой CSS. Вид плашки и иконки, позиция и размер окна — во вкладке «Сбор ответов» → «Виджет для сайта» и «Всплывающее окно».
Как узнать, кто и где ответил
По умолчанию ответы анонимны. Чтобы связать ответ со страницей, товаром или пользователем, создайте параметр в разделе «Сбор ответов» → «Параметры ссылки» и выберите тип встраивания «Идентификация внутренних респондентов». В код добавится блок window.testograf с параметрами — сайт подставляет в него значение, например адрес страницы или ID пользователя.
Значение сохранится вместе с ответом, а если включить «Показать диаграмму по параметру», в отчёте появится разбивка — например, по страницам сайта. Для посетителей, которых сайт не знает, есть тип «Идентификация внешних респондентов».
Когда показывать опрос
Не открывайте опрос сразу при входе на страницу: дайте посетителю время познакомиться с контентом и задайте 1–3 коротких вопроса.
- Виджет — автооткрытие через время на странице, например через 30 секунд.
- Всплывающее окно — по таймеру, например через минуту, или по клику на кнопку «Оставить отзыв».
- Встраивание — на длинных страницах, где опрос уместно разместить прямо среди текста, например в конце статьи или карточки товара.
Повысить конверсию поможет автоматическое приглашение к опросу, но с ним стоит быть осторожным: всплывающие помощники на каждом втором сайте уже надоели посетителям. Добавляя автоприглашение, дайте возможность его отключить.
Где виджет опросов приносит больше пользы
Интернет-магазин
Отзывы о товарах и доставке, оценка качества обслуживания и предпочтения покупателей — для работы с ассортиментом и сервисом.
Сайт и интерфейс
Впечатления о навигации, дизайне и функциях: что полезно, а что мешает. Подойдёт опрос об удобстве сайта.
Маркетинг
Предпочтения аудитории, покупательские привычки и отношение к бренду прямо во время визита на сайт.
Для старта подойдут шаблоны формы обратной связи для сайта, индекса удовлетворенности CSI и опроса о качестве обслуживания.
Как провести опрос с помощью виджета Testograf
Создайте опрос
Создайте опрос с нуля или возьмите готовый шаблон, например шаблон опроса NPS. Для виджета лучше 1–3 вопроса; уточняющие вопросы показывайте через логику.
Выберите способ и настройте вид
Во вкладке «Сбор ответов» выберите «Виджет для сайта», «Всплывающее окно» или «Встраивание». Для виджета задайте позицию, вид (иконка или плашка с текстом), цвет, размеры окна, отображение в мобильной версии и автооткрытие.
Вставьте код на сайт
Скопируйте код из того же раздела и вставьте его на нужную страницу перед закрывающим тегом body. На Tilda, WordPress или 1С-Битрикс для этого используют блок для HTML-кода. Код уже содержит ID вашего опроса — править его вручную не нужно.
Смотрите результаты
Ответы появляются в отчёте сразу. В сводном отчёте видны средние оценки, NPS и его динамика, ответы на открытые вопросы и разбивка по параметрам.
Как работать с ответами из виджета
Разместив на сайте виджет опроса, регулярно просматривайте результаты — и за период, и в динамике. Частая ошибка постоянных опросов — недостаточная работа с ответами. Оставив отзыв, клиент ждёт вашей реакции, особенно если оценка была низкой.
Регулярно пересматривайте и сам опрос: актуальны ли варианты ответов, всю ли нужную информацию вы спрашиваете. Если опрос не спрашивает контакты, ответить клиенту на негативный отзыв будет невозможно, — добавьте необязательное поле для e-mail или телефона.
Совет: включите уведомления
Во вкладке «Уведомления» можно получать письмо о каждом новом ответе или сводку раз в день, 3, 7, 14 дней или месяц. Так ни один отзыв, требующий внимания, не останется незамеченным.
Частые вопросы
Что можно разместить в виджете опроса?
Как один вопрос — например, NPS или оценку звёздами, — так и короткий опрос из нескольких вопросов с логикой: уточняющий вопрос может зависеть от оценки.
Чем виджет отличается от всплывающего окна и встраивания?
Виджет — кнопка или плашка в углу сайта, всплывающее окно открывается поверх страницы по таймеру или по клику, а при встраивании опрос становится частью страницы.
На каких сайтах работает виджет?
На любом сайте, где можно добавить свой HTML-код: например, на Tilda, WordPress и 1С-Битрикс код вставляют в блок для HTML. Опрос загружается во фрейме с сервера Тестографа.
Как виджет выглядит на телефоне?
Для виджета и всплывающего окна есть отдельная настройка «Отображение в мобильной версии»: например, на весь экран. Встроенный опрос подстраивается под ширину страницы.
Можно ли передать в ответ данные о посетителе?
Да. Создайте параметр в разделе «Параметры ссылки» и выберите тип встраивания «Идентификация внутренних респондентов»: сайт подставит значение, например ID пользователя или адрес страницы, и оно сохранится вместе с ответом.
Как не пропустить новый отзыв?
Включите e-mail уведомления: о каждом ответе или сводкой раз в день, 3, 7, 14 дней или месяц.
Можно ли открывать виджет автоматически?
Да, в настройках виджета есть автооткрытие. Пользуйтесь им осторожно и дайте посетителю возможность отключить автоприглашения.
Через сколько секунд показывать опрос в виджете?
Дайте посетителю время познакомиться со страницей: например, автооткрытие виджета через 30 секунд или всплывающее окно через минуту. Для отзывов надёжнее открывать опрос по клику на кнопку.
Итог
Виджет опросов для сайта помогает собирать обратную связь там, где клиент уже находится. Выберите способ под задачу — виджет, всплывающее окно или встраивание, — задавайте 1–3 вопроса с логикой, передавайте параметры, чтобы знать контекст ответа, и быстро реагируйте на негативные оценки. Подробнее о том, как собрать и использовать обратную связь от клиента, — в отдельной статье.
Добавьте опрос на свой сайт
Создайте опрос в Тестографе и разместите его виджетом, всплывающим окном или прямо на странице.