Пятнадцать реальных, опубликованных опросов, которые можно попробовать прямо здесь — не скриншоты, не макеты. Каждый ниже — настоящий рабочий виджет: он вживую подгружает свою реальную конфигурацию полей, ровно так же, как это происходило бы на сайте настоящего клиента.
Контактная форма
Поля с однострочным вводом и реальной проверкой формата email (Validations.basicEmailValidation), плюс необязательное текстовое поле.
Опрос NPS
Матрица 0–10 в качестве основной оценки, в паре с текстовым полем с условным заголовком, вопрос которого меняется в зависимости от оценки.
Отзыв после покупки
Оценка + группа чекбоксов + необязательный комментарий — форма, которую используют большинство опросов после заказа/оформления.
Юзабилити сайта
Оценка + радиокнопки + текстовое поле, построенные вокруг вопроса «нашли ли вы то, что искали», а не покупки.
Отзыв о мероприятии
Выпадающий список (какая сессия), оценка и текстовое поле для комментария — распространённая форма после вебинара или мероприятия.
Заявка на работу
Два однострочных поля, выпадающий список для выбора роли и обязательное текстовое поле — минимальная форма приёма заявок.
Отзыв о ресторане
Два отдельных поля оценки (еда, обслуживание) вместе с группой чекбоксов и текстовым полем — показывает, что один тип поля можно использовать в опросе дважды.
Приоритизация функций
Группа чекбоксов + слайдер диапазона — используется для оценки интереса, а не для сбора рейтинга.
Отчёт об ошибке
Начинается с информационного блока форматированного текста, затем выпадающий список + обязательное текстовое поле — форма для приёма обращений в поддержку/багов.
Опрос при уходе
Радиокнопки + текстовое поле — короткий опрос, который обычно связывают с триггером показа при уходе с сайта.
Приветственный опрос
Радиокнопки + выпадающий список, вообще без свободного текста — короткий опрос, который обычно связывают с триггером задержки показа.
Эти четыре примера намеренно используют кастомный CSS по максимуму, чтобы показать, что вообще возможно поверх стандартной темы — смотрите Расширенные стили, чтобы понять, как это работает.
Радужная тема
Градиентный фон и градиентная кнопка отправки — всё сделано через кастомный CSS на слотах formContainer/buttonSubmit.
Перевёрнутая форма
Одно объявление — transform: rotate(180deg) на контейнере формы — и вся форма переворачивается.
Ретро 90-х
Неоновые цвета, пунктирная рамка и заголовок шрифтом Comic Sans — кастомный CSS применён к отдельным слотам и типам полей.
Выбери свой путь
Обычные радиокнопки, переоформленные в раскладку из карточек через собственный контейнер слота radioGroup.