Бесплатный шаблон анкеты
Step Form
Step Form
Готовое оформление анкеты GetCourse, в котором каждый вопрос открывается на отдельном шаге.
Шаблон работает на базе стандартных полей анкеты GetCourse — сами вопросы, ответы и данные пользователей продолжают обрабатываться средствами платформы.
Шаблон работает на базе стандартных полей анкеты GetCourse — сами вопросы, ответы и данные пользователей продолжают обрабатываться средствами платформы.
Вместо длинной стандартной формы пользователь видит аккуратную карточку с одним вопросом, отвечает на него и переходит дальше. При переключении карточка анимированно «перелистывается», создавая эффект стопки листов.
Такой формат делает даже большую анкету визуально легче: пользователю не приходится сразу просматривать десятки полей, а процесс заполнения становится последовательным и понятным.
Такой формат делает даже большую анкету визуально легче: пользователю не приходится сразу просматривать десятки полей, а процесс заполнения становится последовательным и понятным.
Вид анкеты ДО и ПОСЛЕ
Что меняет шаблон:
Код полностью перерабатывает внешний вид анкеты: оформляет фон страницы, центральную карточку и декоративные листы под ней, добавляет пошаговую навигацию, индикатор прогресса и анимацию переключения между вопросами.
При этом вам не нужно вручную создавать отдельную страницу для каждого шага. Количество вопросов определяется автоматически: добавили или удалили вопрос в анкете GetCourse — количество шагов и сегментов прогресса изменилось вместе с ним.
В шаблоне предусмотрены:
При этом вам не нужно вручную создавать отдельную страницу для каждого шага. Количество вопросов определяется автоматически: добавили или удалили вопрос в анкете GetCourse — количество шагов и сегментов прогресса изменилось вместе с ним.
В шаблоне предусмотрены:
- Один вопрос на одном экране;
- Автоматическая нумерация ВОПРОС 01 / 09;
- Сегментированный индикатор прогресса;
- Кнопки «Назад» и «Далее»;
- Возможность вернуться к уже просмотренным вопросам;
- Анимация перелистывания карточек вперёд и назад;
- Проверка обязательных вопросов перед переходом дальше;
- Оформление всех типов полей Строка, Текст, Да/Нет, Выбор, Множественный выбор, Дата, Файл и Число;
- Отдельное оформление выпадающих списков;
- Стилизованные radio-кнопки и чекбоксы;
- Кнопки «Да / Нет» вместо стандартной галочки;
- Стилизованная загрузка файлов с превью, названием файла, статусом загрузки и удалением;
- Ограничение высоты списка загруженных файлов — при большом количестве появляется внутренняя прокрутка;
- Адаптация карточки под содержимое вопроса;
- Адаптивная версия для компьютеров, планшетов и смартфонов;
- Автоматический более компактный режим для экранов небольшой высоты;
- Для неавторизованного пользователя автоматически создаётся дополнительный последний шаг с электронной почтой и системными согласиями GetCourse;
- Для авторизованного пользователя лишний шаг с email не показывается;
- Штатная отправка анкеты через GetCourse сохраняется.
4 готовых цветовых решения
Для Step Form подготовлены четыре цветовые гаммы.
Оливково-зелёная — спокойные природные оттенки, белая карточка и яркий салатовый акцент.
Тёмная пастельная — глубокий графитово-зелёный фон, тёмные карточки и мягкий светлый акцент.
Розовая пастельная — нежные пудровые оттенки с приглушённым розовым акцентом.
Лавандовая пастельная — светлая сиренево-лавандовая гамма с фиолетовыми деталями.
В каждой теме отдельно подобраны цвета фона, вертикального паттерна, основной карточки, декоративных листов, текста, описаний, полей, границ, прогресса, кнопок, состояний выбора и элементов загрузки файлов.
Оливково-зелёная — спокойные природные оттенки, белая карточка и яркий салатовый акцент.
Тёмная пастельная — глубокий графитово-зелёный фон, тёмные карточки и мягкий светлый акцент.
Розовая пастельная — нежные пудровые оттенки с приглушённым розовым акцентом.
Лавандовая пастельная — светлая сиренево-лавандовая гамма с фиолетовыми деталями.
В каждой теме отдельно подобраны цвета фона, вертикального паттерна, основной карточки, декоративных листов, текста, описаний, полей, границ, прогресса, кнопок, состояний выбора и элементов загрузки файлов.
Шаблон уже адаптирован под телефоны
Получите шаблон бесплатно
Уже получали шаблоны Set Apply?
Если вы ранее получали один из шаблонов на set-apply.ru, у вас уже есть аккаунт в личном кабинете.
После первой регистрации данные для входа отправляются на указанную вами электронную почту.
Как найти данные для входа:
Не нашли письмо или забыли пароль?
На странице входа нажмите «Забыли пароль?» и укажите свою почту — на неё придёт письмо для восстановления доступа.
Совет: используйте при получении новых шаблонов тот же email, с которым регистрировались ранее. Так все доступные вам материалы будут находиться в одном личном кабинете.
После первой регистрации данные для входа отправляются на указанную вами электронную почту.
Как найти данные для входа:
- Откройте почту, которую указывали при получении шаблона.
- Попробуйте найти письмо по словам «Set Apply», «Password» или «пароль».
- Проверьте не только папку «Входящие», но и «Спам», «Рассылки» и «Промоакции».
- Перейдите на страницу входа: https://set-apply.ru/members/login
- Введите email, который использовали при регистрации, и пароль из письма.
Не нашли письмо или забыли пароль?
На странице входа нажмите «Забыли пароль?» и укажите свою почту — на неё придёт письмо для восстановления доступа.
Совет: используйте при получении новых шаблонов тот же email, с которым регистрировались ранее. Так все доступные вам материалы будут находиться в одном личном кабинете.
Остались вопросы?
По вопросам установки, настройки или изменения оформления напишите в Telegram:
https://t.me/GetCourseCode
https://t.me/GetCourseCode