Как сделать всплывающую форму в вебфлоу Правильный вариант заказа обратного звонка. Урок #8

Делаем правильную и удобную форму заказа обратного звонка, которая закрывается при нажатии на область за пределами формы, а не только на крестик. Ссылка на материалы с видео: freelance-blog.com/webflow/ (там стартовый шаблон без ограничений на количество страниц (доступно 100), в нем нет копирайта вебфлоу и можно вставлять сторонний код, инструкция по чистке кода сайта с бесплатного аккаунта и т.д.) Практически на каждом сайте, особенно если это лендинг, при нажатии на кнопки всплывает форма, заполнив которую человеку совершается бесплатный обратный звонок. Это и есть главная цель сайта — получить заявку от человека! В основе идеальной формы, всего ОДНО поле — номер телефона, все остальное, по сути, нам то и не нужно, и его можно легко узнать уже при созвоне. Ни что не мешает спросить, как обращаться к человеку... Поскольку чем больше в форме полей — тем ниже конверсия! А это нам ни к чему))) люди вечно куда-то спешат и у них катастрофически нет времени и желания заполнять поля, это для них все в напряг и ни к чем у испытывать их лень на прочность, намного лучше упростить им жизнь, сделав правильную форму. Которая по мимо минимума полей, будет еще и легко закрываться, не только при нажатии на крестик, но и на любую область затемнения сайта за пределами формы. Это видеоролик, с плейлиста по курсу разработки сайта под ключ • Трелло для фрилансера, ускоряем свою ... ••••••••••••••••••••••••••••••• — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ ••••••••••••••••••••••••••••••• БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый (для новичка) • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм @artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/artstranger... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 | Добавляем кнопку к ответам на вопросы 03:34 | Наконец начинаем создавать всплывающую форму :) 04:44 | Делаем форму поверх всего сайта 05:15 | Подбираем красивый цвет для фоновой заливки 06:34 | Добавляем фон для блока с формой и содержимое 15:03 | Добавляем крестик для закрытия формы 23:26 | Прописываем интеракции для функционала открытия/закрытия формы 27:14 | Настраиваем поля формы 30:57 | Применяем форму для кнопок на сайте 34:13 | Заключение