Пошаговая форма, квиз на вебфлоу. Форма опросник. Уроки webflow на русском

Сегодня мы сделаем самый простой и правильный квиз (пошаговую форму) на вебфлоу. При этом мы обойдемся без использования анимаций и у нас все получится! При том рассмотрим все варианты которые могут быть в квизе, а так же сделаем акцент на визуальной составляющей, а то сделать правильно технически это не достаточно, что бы продать результат за дорого, для этого нужно еще и внешне сделать красиво и удобно. Вот сегодня этим и займемся.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog...
- Индивидуальное обучение freelance-blog...
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog...
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog...
👉 • Материалы для уроков - freelance-blog...
👉 • Индивидуальное обучение - freelance-blog...
•••••••••••••••••••••••••••••••

[@sitebuy]

Дмитрий, смотрю ваши ролики перед сном. Надо ложиться спать с правильными мыслями и знаниями ))

[@freelance-pro]

Ага)) за ночь знания отложатся и усвоятся, а с утра будет +50% к скилу!

[@jevgenisuija]

интересное видео, спасибо!

[@freelance-pro]

Пожалуйста ☺️ рад что интересно

[@nechyporr]

Добрий день. Класне відео. Запитання: як краще ( з позиції об'єму коду та загрузки сторінки) робити qwiz -- слайдером як у вас чи анімаціями? Дякую за відповідь.

[@freelance-pro]

Добрий день, слайдером як на відео

[@Aumrita_life]

Благодарю, супер урок! Не очень понятно как настроить форму, какая именно ссылка в описании 😊

[@freelance-pro]

Пожалуйста, а ссылка вам нужна эта freelance-blog.com/webflow/ там первый товар

[@user-pg6qq3mt8i]

Очень полезная информация. Немного правда сложновато было все досконально усвоить чтоб на все 100% понять логику, но результат стоит того. Взял на вооружение. Увеличил не намного чек.

[@freelance-pro]

Класс!!!

[@skrakki8233]

Дмитрий а как сделать чтобы нельзя было перейти к следующему шагу пока не выбрал какой либо вариант?

[@freelance-pro]

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

[@vitaliy.sokurenko]

А как сделать авто высоту? Если например у меня в "Шаге № 1" 10 чекбоксов, а в "шаге 2" 3, то задавать высотру "quiz slide" в "Min H 500 px" идея плохая так как во 2-м шаге будет много воздуха. ПРобовал ставить "AUTO" часть контента прячется. Спасибо за помощь.

[@freelance-pro]

Да, нужно задавать минимальную высоту, это самый простой способ. Что бы высота менялась можно все сделать на анимациях без использования слайдера, но там будет сложно. А что бы было ровно, на шаге 3 добавьте картинки к чекбоксам, тогда воздуха много не будет.

[@vitaliy.sokurenko]

@@freelance-pro Понял, спасибо, если будет время и желание запишите видео про анимации, что как можно делать и т.д. Спасибо за ваш труд.

[@freelance-pro]

То будет слишком сложно и не оправдано минимальная высота лучшее решение в данном случае

[@user-of1zi8zv1m]

Дмитрий, а если нужно, что бы далее не появлялось пока не выберешь вариант, и, что бы слайдер переключался при выборе варианта, только анимацией?

[@freelance-pro]

Да, анимацией или вставкой стороннего js кода

[@user-of1zi8zv1m]

@@freelance-pro Спасибо, Дмитрий!

[@freelance-pro]

Обращайтесь 😉

[@KsandrV]

Добрый день. Спасибо за урок! Все очень доходчиво и по полочкам. Только не нашел обработчик, который вы говорили будет в описании под видео. Могли бы вы дать на него ссылку?

[@freelance-pro]

Добрый день, уточните что именно за обработчик нужен, а то видео давно делал уже и не вспомню всего о чем там говорил

[@user-cy1lp6oh6h]

Дмитрий, спасибо за ролик! Подскажите пожалуйста, как можно реализовать пошаговую форму, чтобы после каждого шага отправлялась информация? Например клиент не захотел заполнять каждый шаг, но что-то успел заполнить и вышел.

[@freelance-pro]

Пожалуйста! 😊 вам нужен программист

[@gromova_seo]

Спасибо за квиз!

[@freelance-pro]

Пожалуйста)

[@freelance-pro]

Что ещё бы вы хотели увидеть на моем канале?

[@gromova_seo]

@@freelance-pro У вас замечательные уроки, я бы хотела посмотреть что-то из анимации. Про слайдеры тоже интересно.

[@freelance-pro]

Хорошо) сделаю)

[@user-of1zi8zv1m]

Добрый день, Дмитрий! Не подскажешь как лучше реализовать мультиквиз, что б на каждый вариант вопроса был свой ответ?

[@freelance-pro]

С помощью анимации при клике событие следующий шаг

[@kwejo2633]

Здравствуйте! Огромное спасибо за труд, урок супер! Остался один вопрос, как сделать, чтобы человек не мог пройти дальше пока не выберет ответ?

[@freelance-pro]

Здравствуйте, пожалйста! Можно сделать анимацию, что бы кнопка "далее" появлялась только после клика по одному из вариантов.

[@kendzerskiy]

урок классный. Делаю себе сайт по вашим урокам. Но капец как путаюсь когда закрыт навигатор, а названия одинаковые

[@freelance-pro]

Ну это все станет понятнее с опытом))

[@Aumrita_life]

Или для этого нужна платная подписка на вебфлоу?

[@freelance-pro]

Можно и без платной подписки инструкция по ссылке freelance-blog.com/webflow/

[@user-po2zq8dm3m]

Доброго времени суток! Не могли бы вы записать видео где как настроить форму в которой любой желающий бывший клиент мог бы оставить свой отзыв и чтобы этот отзыв автоматически отобразился бы на сайте и чтобы отзыв подтверждался например ссылкой на какой ни буди аккаунт человека который оставил отзыв для подтверждения что отзыв от реального человека который числится в какой ни будь соцсети. Заранее огромное спасибо. И да к стати чуть не забыл мне очень интересно ваше обучение я подумываю чтобы обучаться у вас, но пока на данный момент нет возможности из за финансовой нестабильности.

[@freelance-pro]

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

[@freelance-pro]

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

[@user-po2zq8dm3m]

@@freelance-pro Спасибо за обратную связь! Да я далеко не программист, единственное что сам попробовал понять что такое html и css давненько что то вроде немного понял что такое это вообще в принципе, программировать естественно не умею обучить не кому и нет возможности обучиться из за финансовой нестабильности, но конечно хотелось бы, тем более что это все же необходимо хотя бы немного уметь, webflow естественно изучаю по видео самостоятельно. Толком ничего конечно не понял из вашего ответа, но все же не знаю как, но хотелось бы сделать то о чем я у вас спрашивал. Пробую по капельки собирать сайт самостоятельно правда толком ничего еще не сделал, многое понятно, но есть все же и не мало не понятных моментов из за которых то одно то другое стоит колом и спросить не у кого, или отвечают каким то не понятным языком, вот можно сказать благодаря вам более и менее понятно все объясняете ну по крайней мере многое и там еще один человек Максим Соколов вроде тоже внятно объясняет в перемешку и по вашим и по его видео обучаюсь, но этот человек как я понял из переписки с ним что он этим уже не занимается, а если быть точнее он переквалифицировался в другое направление, может вы и слышали про него. Если вы не против будем с вами контакт настраивать в плане обучения пока бесплатного, если что то изменится у меня в плане финансов конечно было бы неплохо попробовать закупить у вас курс обучения хотя бы пробный, а там как пойдет дело.

[@freelance-pro]

Пожалуйста 😉 да вы если что спрашивайте буду стараться объяснять, то что вы хотите должен делать программист, вы же делаете дизайн и верстку и не воруете хлеб у программистов вот правильное решение, все уметь не нужно, а то будет посредственный результат))) А про html есть вот видео там показано все что вам нужно знать kzbin.info/www/bejne/oHvYfYB4mcerr7s

[@user-po2zq8dm3m]

Доброго времени суток, воспроизводил ваш урок-Пошаговая форма, квиз на вебфлоу. Форма опросник. Уроки webflow на русском, получилось все кроме одного почему то по какой то причине Radio Button не хочет активничать то есть нажимаешь в предпросмотре на какой нибуди из них и ничего не происходит, естественно перед эти опубликовывал, пересматривал видео несколько раз ошибок не нашел да и остальное все работает отлично только вот это ни как?