Магия CSS/HTML/JS на GetCourse, Prodamus.XL и вообще
1.38K subscribers
25 photos
5 videos
1 file
13 links
Канал клуба Магии CSS/HTML/JS. Подписка по ссылке https://gcwithme.ru/getmagic. Промокод спрашивайте в @getmagic_chat
Download Telegram
СТИЛИЗАЦИЯ БЛОКА «ПОСЛЕДОВАТЕЛЬНАЯ АНКЕТА»

Данное решение позволяет оформить блок "Последовательная анкета" с применением css-приемов (анимация подсветки кнопки вперед/назад, вариантов ответов пользователя, степени прогресса заполнения анкеты). Стили универсальные, подходят и для обычной анкеты.

Цветовая схема настраивается гибко — вы найдете в коде указания как поменять используемый в примере цвет.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Создаст у пользователей приятное впечатление при заполнении анкеты.

#анкета #стилизация
ПОСЛЕДОВАТЕЛЬНАЯ ФОРМА

Вы наверняка видели блок "Последовательная анкета" в геткурсе, который позволяет показывать по одному полю анкеты за раз.

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

С помощью небольшого скрипта от @DmitrySpace можно передавать ответы на ответу в скрытые поля формы.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?

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

2. Сможете передавать ответы в доп поля пользователя, что даст возможность использовать их через переменные. Например, показывать на страницах, отправлять в рассылке или использовать в процессах.

#анкета #форма #допполя