- Материалы с данного видео freelance-blog.webflow.io/course - Полезные штуки для webflow freelance-blog.com/webflow/ - Индивидуальное обучение freelance-blog.com/study/ Таймкоды: 00:00 Вступление 00:26 Добавляем форму 02:05 Стилизация успешной отправки заявки и ошибки отправки 04:53 Как делать всплывающую форму 07:40 Делаем оформление формы с градиентной обводкой вертикального типа 16:10 Состояние фокусировки для поля ввода информации 23:00 Делаем форму с картинкой сбоку 26:30 Как оформить всплывающую форму 33:50 Горизонтальная форма 40:36 Баннер с кнопкой вызова формы 46:24 Альтернативный вид баннера с кнопкой 49:18 Сложная форма на не однородном фоне с множеством полей 01:15:00 Альтернативный фон для формы 01:20:35 Вариант всплывающей формы без картинки сбоку 01:27:25 Горизонтальная форма 01:34:28 Эффект для чекбоксов 01:37:14 Заключение
Спасибо за урок. Я или упустила, но не поняла Когда вы создали страницу конфиденциальности, что бы ее потом можно было прикрепить? Подскажите у вас есть про это отдельное видео?
Пожалуйста)) скоро сниму видео про эти страницы, а если в кратце то смотрите курс дальше там все будет показано, (просто добавляем ссылку, называем ее политика и в настройках ссылки выбираем страницу политик - готово
28:19 не могу понять, почему форма фиксирована в центре, а фон движется, если у секции положение фиксед вместо стики? и как из этой формы сделать анимацию, чтобы потом можно было привязать к кнопке и форма всплывала при ее нажатии?
После скачки сайта с вебфлоу дописать в стили вручную это можно сделать и на вебфлоу если у вас платный тариф или вы переходили по ссылке с плюшками для вебфлоу размещенной под каждым видео на канале 😉
Спасибо, очень понравилось. Но так же очень важно как будет выглядеть уведомление об получении заявки, будет ли в нем данные о utm-метках визита, чтобы понимать источник трафика для этой сработавшей цели. Как это настроить? Как настроить куда будут приходить уведомления? Надо чтобы в Гугл таблицу и на почту хотя бы уведомления приходили. Как это настроить и где это регулируется? Не объяснен технический момент с всплывающей формой. Как настроить открытие ее по клику на кнопку на страниц, где она должна хранится сверстанная? После урока появилась понимание только как добавить на сайт открытые формы, но не только дизайн, но и работающий всплывающий поп-ап.
Привет, столкнулся с проблемой такой в вебфлоу, хочу сделать адаптив на сайт, начинаю вносить изменения с планшета, а он почему-то меняет основную страницу под комп, подскажи, пожалуйста, что делать? Ведь, как я понимаю, он не должен менять каждый следующий поинт - не должен менять предыдущие
Привет. Вы меняйте только стили, структуру не трогайте, тогда на ПК версию влияния не будет. (Структура это если менять текст или блоки перетаскивать с места на место не с помощью грида или флекс боксов и т.д. делайте как на видео и все получится или же приходите на индивидуальное обучение там я покажу что вы делаете не так и как нужно 😉 а то не видя ваш проект сложно сказать в чем именно причина.
Вы второстепенные тексты делаете менее контрастными, чтобы они не перетягивали внимание от заголовка. Это понятно. Но не должны ли и второстепенные тексты проходить по контрасту? У вас, я обратил внимание, они не всегда доходят до стандартов доступности, описанных в WCAG.
Все зависит от ситуации и конкретного сайта на видео базовый усреднённый и упрощённый пример, более подробно это разбираю на конкретных примерах на обучение freelance-blog.com/study/
Привет! Спасибо большое за уроки, смотрю с самого первого, все понятно и по факту) Появился вопрос "хотя может я пропустил это в видео" вот мы сделали всплывающую форму, а как сделать так чтоб эта форма всплывала на весь экран по нажатию кнопки? ну и чтоб была кнопка закрытие данной формы И второй вопрос, как сделать чтоб форма всплывала через некоторое время сама по себе? (я так понимаю что это твой ответ на первый вопрос + настройка анимации =) )
ua-cam.com/video/9jBX1QAy3Jg/v-deo.html а что бы сама по себе всплывала то надо анимацию писать специальную типа ua-cam.com/video/gRZS4ef7mk4/v-deo.html приходите на обучение все расскажу
- Материалы с данного видео freelance-blog.webflow.io/course
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
Таймкоды:
00:00 Вступление
00:26 Добавляем форму
02:05 Стилизация успешной отправки заявки и ошибки отправки
04:53 Как делать всплывающую форму
07:40 Делаем оформление формы с градиентной обводкой вертикального типа
16:10 Состояние фокусировки для поля ввода информации
23:00 Делаем форму с картинкой сбоку
26:30 Как оформить всплывающую форму
33:50 Горизонтальная форма
40:36 Баннер с кнопкой вызова формы
46:24 Альтернативный вид баннера с кнопкой
49:18 Сложная форма на не однородном фоне с множеством полей
01:15:00 Альтернативный фон для формы
01:20:35 Вариант всплывающей формы без картинки сбоку
01:27:25 Горизонтальная форма
01:34:28 Эффект для чекбоксов
01:37:14 Заключение
Спасибо за урок!
Не хватило информации о том, как форму оживить, но уже увидел в ответах на другие комментарии)
Ага тут много полезного freelance-blog.com/webflow/
Radio сбили с толку, не мог понять почему не работает в предпросмотре, пока не опубликовал)
Как всегда отличный урок!
Да с ними всегда неудобно надо публиковать )))
Огромное спасибище! Особенно насчет радиокнопок! До самого конца ролика был затык с их настройками ))
Пожалуйста! 😊 рад что у вас все решилось
Благодарю за контент🍀
очень полезные видео
🥳
Спасибо за урок. Я или упустила, но не поняла Когда вы создали страницу конфиденциальности, что бы ее потом можно было прикрепить? Подскажите у вас есть про это отдельное видео?
Пожалуйста)) скоро сниму видео про эти страницы, а если в кратце то смотрите курс дальше там все будет показано, (просто добавляем ссылку, называем ее политика и в настройках ссылки выбираем страницу политик - готово
28:19 не могу понять, почему форма фиксирована в центре, а фон движется, если у секции положение фиксед вместо стики? и как из этой формы сделать анимацию, чтобы потом можно было привязать к кнопке и форма всплывала при ее нажатии?
Где-то допустили ошибку, приходите на консультацию или обучение и все исправим freelance-blog.com/webflow/ а то не глядя причину найти невозможно
Ладно, спрошу попроще)) может ли форма быть статична (постоянно перед глазами) при скролинге если ее положение отлично от стики))
Да фиксед
Можете еще подсказать, пожалуйста, как сделать форму рабочей?
Гуглить?
Или может вы можете подсказать готовые решения?
Спасибо. :)
Вот тут в первом товаре показано как сделать форму рабочей и еще много полезного показано freelance-blog.com/webflow/ 😉
@@freelance-pro спасибо. :)
Пожалуйста 😊
Привет! А внутренние поля select только через js стилизуются?
тоже такой вопрос возник) Может нашел решение?
Ага
А как добавить 'resize: none' к textarea?..
Спасибо. :)
После скачки сайта с вебфлоу дописать в стили вручную это можно сделать и на вебфлоу если у вас платный тариф или вы переходили по ссылке с плюшками для вебфлоу размещенной под каждым видео на канале 😉
❤
👍👍👍
Спасибо, очень понравилось. Но так же очень важно как будет выглядеть уведомление об получении заявки, будет ли в нем данные о utm-метках визита, чтобы понимать источник трафика для этой сработавшей цели. Как это настроить? Как настроить куда будут приходить уведомления? Надо чтобы в Гугл таблицу и на почту хотя бы уведомления приходили. Как это настроить и где это регулируется? Не объяснен технический момент с всплывающей формой. Как настроить открытие ее по клику на кнопку на страниц, где она должна хранится сверстанная? После урока появилась понимание только как добавить на сайт открытые формы, но не только дизайн, но и работающий всплывающий поп-ап.
Тоже было бы интересно...
И мне было бы интересно увидеть "изнанку" чтобы понять все ли я правильно сейчас делаю или что-то можно делать по другому, лучшим способом
Все можно сделать с помощью программиста
Дмитрий, вы крутейший! Как можно получить Ваш текстовый справочник фрилансера, кроме как записаться к Вам на менторство? :( подарите 🥲🥲
Могу только его продать, если покупали набор плюшек для вебфлоу то будет по скидке, напишите мне что-то придумаем
Привет, столкнулся с проблемой такой в вебфлоу, хочу сделать адаптив на сайт, начинаю вносить изменения с планшета, а он почему-то меняет основную страницу под комп, подскажи, пожалуйста, что делать? Ведь, как я понимаю, он не должен менять каждый следующий поинт - не должен менять предыдущие
Привет. Вы меняйте только стили, структуру не трогайте, тогда на ПК версию влияния не будет. (Структура это если менять текст или блоки перетаскивать с места на место не с помощью грида или флекс боксов и т.д. делайте как на видео и все получится или же приходите на индивидуальное обучение там я покажу что вы делаете не так и как нужно 😉 а то не видя ваш проект сложно сказать в чем именно причина.
@@freelance-proСпасибо
Пожалуйста 😉
Вы второстепенные тексты делаете менее контрастными, чтобы они не перетягивали внимание от заголовка. Это понятно. Но не должны ли и второстепенные тексты проходить по контрасту? У вас, я обратил внимание, они не всегда доходят до стандартов доступности, описанных в WCAG.
Все зависит от ситуации и конкретного сайта на видео базовый усреднённый и упрощённый пример, более подробно это разбираю на конкретных примерах на обучение freelance-blog.com/study/
Благодарю за ответ.
Пожалуйста ☺️
Привет! Спасибо большое за уроки, смотрю с самого первого, все понятно и по факту) Появился вопрос "хотя может я пропустил это в видео" вот мы сделали всплывающую форму, а как сделать так чтоб эта форма всплывала на весь экран по нажатию кнопки? ну и чтоб была кнопка закрытие данной формы
И второй вопрос, как сделать чтоб форма всплывала через некоторое время сама по себе? (я так понимаю что это твой ответ на первый вопрос + настройка анимации =) )
ua-cam.com/video/9jBX1QAy3Jg/v-deo.html а что бы сама по себе всплывала то надо анимацию писать специальную типа ua-cam.com/video/gRZS4ef7mk4/v-deo.html приходите на обучение все расскажу
Не простой урок, придётся наверное пересматривать, не всё получается сделать.
Так что все получилось?
Ужас как тяжело )
спустя пол года стало легче?