Всплывающее окно webflow v.2,0 | Webflow урок №24.

Делаем всплывающее окно POPUP webflow. Помещаем в него форму для приема заявок.
Хочешь курс о том как создать сайт опросник или квиз в WEBFLOW без примененния сторонних сервисов? Пиши мне в сообщения, и я расскажу как получить его с 50% скидкой.
Поддержать канал.
money.yandex.r...
Мой ВК - slavariik
Мой telegram - t.me/vvstudio
Telegram канал - t.me/webflowsc...

[@nataliyapridatko2315]

Супер, у вас самый понятный урок по этому вопросу!

[@FishkiWebflow]

Рад что вам понравилось)

[@user-nm3lq4hc8t]

Спасибо! Было очнь полезно

[@nkm.studio]

Спасибо, добрый человек

[@ExoqualTeam]

Спасибо, полезно)

[@ArtBearRu]

Я вывожу в попап видео (через html-embed) и после закрытия попапа видео продолжает играть (само видео исчезает, но звук продолжает идти). Подскажите, пожалуйста, как можно это решить?

[@user-cf1od8jy1q]

Повторяю на пустой странице - работает (только форма приклеивается слева), делаю на своем сайте - не работает.

[@Demiro777]

Подскажите пожалуйста а как сделать всплывающую форму при открытии сайта? То есть когда человек появляется на сайте то видит всплывающее окно например по истечению 20 сек нахождения на сайте

[@FishkiWebflow]

instagram.com/viacheslav_volodin/ - перейдите сюда я расскажу в истории что это и как это сделать

[@phoenix_video]

Все сделали, теперь проблема при прокручивании сайта форма прокручивается и уходит наверх, как это исправить

[@FishkiWebflow]

Смотрите новое видео

[@FishkiWebflow]

а так же выставить позишн фиксед

[@olegf8626]

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

[@olegf8626]

а, разобрался. я сделал ошибку, здесь на 11-50 сначала секции поставили абсолют, но исправили на фиксед. а я не заметил. решились обе проблемы. Правда есть элементы, которые перекрывают фоновый фон). Тут буду индекс-з подбирать.

[@FishkiWebflow]

Все верно секция должна быть фиксед.

[@user-km6vq3dg5o]

Спасибо за полезный урок! Всё замечательно, но есть один вопрос...Как скрывать фон после отправки формы? По клику всё отлично закрывается, а вот как реализовать исчезновение после отправки формы...почему-то никто этого не рассказывает...или я плохо искала..

[@FishkiWebflow]

Светлана Никитина ну закрывать физически по клику, другой самый простой способ это переход на страницу спасибо. Ну и третий это добавление атрибутов. Расскажу в ролике.

[@user-km6vq3dg5o]

Вячеслав, спасибо за ответ! Будет новый ролик? ))) В том то и проблема, что нужно без перехода на другую страницу, форма настроена на скрытие после отправки, форма исчезает, а close_bg и часть блока формы с крестиком остаются, не порядок ) Вот и возник вопрос.

[@logycomtaraz3480]

Подскажите, данную форму мне на сайте надо создать 8 шт, создал, но при копирование, даже если им изменить имя при клике открываются все сразу, а мне надо что бы по отдельности. Подскажите что надо сделать чтобы исправить проблему?

[@FishkiWebflow]

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

[@FishkiWebflow]

или использовать плагин ремодал

[@logycomtaraz3480]

@@FishkiWebflow Спасибо

[@dbazyko]

Текст и картинка в обложке встают перед формой

[@MrFilSerg]

Подскажите пожалуйста, форма для заявок становится за слайдером и её становится видно только после прокрутки, как можно исправить?

[@FishkiWebflow]

вы можете написать мне в телеграм?

[@FishkiWebflow]

вообще у слайдера просто есть з индекс поумолчанию стоит и вам для формы или всплывающего окна нужно выставить z-index больше чем у слайдера 999 должно хватить

[@MrFilSerg]

@@FishkiWebflow Спасибо, получилось!

[@user-rg8sx3ow5c]

Почему они не добавят эту форму, столько движений нужно для банальной заявки.

[@FishkiWebflow]

думаю они сейчас заняты дргими задачами ) Хотя есть еще навалом мелочей которых можно было бы поправить .. а не делать через костыли.

[@user-rg8sx3ow5c]

@@FishkiWebflow Вы не вскурсе будет возможным реализация такой задумки. Имеем "карточку товара с кнопкой" нажимая на кнопку открывается pop up окно там внутри описания товара и фотографии + кнопка "купить" при нажатии открываеться ещё 1 pop up но уже для заявки. Т.е это получается двойной pop up Я делал подобное на другом конструкторе можно в лейдинге сделать полноценный магазин на 20-30 товаров. при этом без бесконечного скроула. Я данный конструктор изучаю только второй день и пока слабо представляю как это реализовать.

[@FishkiWebflow]

@@user-rg8sx3ow5c для начала это не конструктор.. а визуальный редкктор кода.. ни один конструктор не повторит таких вещей которые можно сделать в этом инструменте. По поводу магазина.. для того что бы при открывании формы по кнопке и видеть соответствующий контент. то он должен быть динамическим .. соответственно используется ЦМС . по поводу двойного попап хотя этолишнее то это можно спокойно реализовать .. магазин я делал по другому. без корзины но с идентификацией товара который выбран

[@user-rg8sx3ow5c]

​@@FishkiWebflow Я не имел ввиду полноценный магазин с корзиной и CMS. А обычный Landing page НО ! на 1 Landing проблематично разместить скажем "20 розовых слонов" Ибо они займут очень много места, с учётом описания и разнообразности фото. Карточки товара будут очень широкие. Выход я нашел в виде двойного pop up. Можно сделать маленькую карточку а при нажатии на неё выходит окошко с подробностями "вообщем продающий контент" Конечно можно сделать как все просто открывать новую страницу. Но это уже не Landing. Почему вы считаете, что это лишнее ?

[@FishkiWebflow]

@@user-rg8sx3ow5c 2 попап окна это уже усложение для пользователя в своем роде. в плане UX не совсем правильно.. вот пример .. можно сделать все же лендинг но с 2 мя страницами . главной и каталог. new.voloslux.com/katalog