Как настроить оформление опроса

Обновлено 21 октября 2026

В разделе «Дизайн» можно выбрать готовую тему или настроить своё оформление: цвета, шрифты, кнопки, фон и расположение вопросов. Изменения сразу видны на образце опроса рядом с настройками.

Готовые темы и палитры доступны на Нулевом тарифе. Свои темы, шрифты и логотип доступны с Базового, редактор CSS со Стандарта. Условия есть в сравнении тарифов.

Выберите тему или создайте свою

Откройте опрос и перейдите в «Опрос → Дизайн».
В «Галерее» нажмите на подходящую тему. Она применится к текущему опросу.
Для собственного оформления откройте «Мои темы → Новая тема». Задайте узнаваемое название, например «Бюро встреч».

Раздел «Дизайн»: готовая тема применяется к открытому опросу.

Чтобы отредактировать уже сохранённую тему, откройте её меню «… → Редактировать». Через это же меню можно дублировать тему.

Меню «…» у сохранённой темы: «Дублировать» и «Редактировать».

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

Что можно настроить

Цвета и шрифты

Выберите готовую палитру или задайте цвета отдельно для заголовков, текста и выделения ответов, кнопок и текста на них, выпадающего списка, ссылок и ошибок. После загрузки логотипа появятся палитры «Из логотипа».

Палитры и отдельные цвета; после загрузки логотипа доступны его цвета.

Основной шрифт и шрифт заголовков выбираются отдельно. В поле «Свой шрифт» можно загрузить файл WOFF2, WOFF, TTF или OTF до 2 МБ. Опция «Тёмная версия» включает тёмное оформление, когда на устройстве респондента выбрана тёмная тема.

Основной шрифт, шрифт заголовков и загрузка своего файла.

Ответы и кнопки

Выбранный ответ: заливка, рамка или галочка. Также настраиваются толщина обводки и углы вариантов.
Поля ввода: рамка или подчёркивание. «Буквы у вариантов» добавляют метки A, B, C и выбор с клавиатуры.
Кнопки: заполненные цветом или контурные, с прямыми или скруглёнными углами. Кнопку можно растянуть на всю ширину.

Контурные кнопки, скругление и параметры полей ввода.

Макет и прогресс

Размеры приветствия и благодарности, вопросов и ответов задаются отдельно: S, M, L или свой размер. Для экранов и вопросов есть выравнивание. В «Макете» также выбираются ширина контента, анимация перехода и вид прогресс-бара.

Подложка «Карточка» выделяет вопрос на фоне, «Матовое стекло» делает её полупрозрачной. Например, на пёстрой картинке удобнее читать вопрос на однотонной карточке.

Карточка вопроса, ширина контента, анимация и прогресс.

Добавьте фон и логотип

В блоке «Фон» выберите один из трёх режимов:

Цвет и картинка. Можно оставить сплошной цвет или загрузить изображение. У картинки настраиваются положение, прозрачность, насыщенность, контраст, яркость и размещение: растянуть, вписать или замостить. Кнопка кадрирования открывает редактор изображения.
Градиент. Задайте два цвета и направление. Опция «Переливается» добавляет плавное изменение цветов.
Видео. Загрузите MP4 или WebM до 20 МБ. Видеофон воспроизводится без звука, по кругу.

Фоновая картинка: выбор файла, позиция и коррекция.

Для телефона можно загрузить отдельную фоновую картинку или вырезать её из основной. Без неё будет использована основная картинка.

В блоке «Логотип» загрузите изображение, выберите размер S, M или L и положение: слева, по центру или справа. Два способа добавить логотип разобраны отдельно.

Служебный текст у края страницы

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

Сохраните и проверьте результат

Для новой темы нажмите «Сохранить как новую тему». При редактировании своей темы доступны «Сохранить» и сохранение новой копии через меню рядом. Затем дождитесь надписи «Сохранено» и откройте «Просмотр». Проверьте читабельность текста, выделение выбранного ответа и фон на компьютере и телефоне.

Сохранённая тема «Бюро встреч»: логотип, фон и карточка вопроса.

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

На уже опубликованной ссылке правки появятся после выпуска новой версии опроса.

Настройте свой CSS

Откройте настройки темы. В «Дополнительно» у пункта «Свой CSS» нажмите «Добавить» или «Редактировать».
Вставьте CSS без обёртки <style>. Например, эта строка задаёт заголовкам вопросов размер 24 пикселя:

.widget-title { font-size: 24px !important; }

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

Свой CSS: готовый пример, классы элементов и кнопка «Применить».

Нажмите «Применить», затем сохраните тему. Проверьте опрос в «Просмотре»: длинный заголовок должен помещаться и на узком экране.

Как убрать надпись WebAsk

Свой логотип и надпись «Сделано на WebAsk» настраиваются отдельно. Отключение копирайта доступно со Стандарта.

Нажмите на аватар в правом верхнем углу кабинета и откройте «Настройки опросов».
Отключите «Копирайт WebAsk». Учтите: это системная настройка для всех опросов рабочего пространства.

Не путайте её с соседним пунктом «Свой логотип», который используется в отчётах, письмах, PDF и других разделах аккаунта. Логотип внутри анкеты задаётся в теме. Скрывать копирайт с помощью CSS не нужно.