Правильная всплывающая форма webflow c размытием фона, уроки вебфлоу на русском

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 52

  • @virtuozfilm793
    @virtuozfilm793 ปีที่แล้ว +2

    Спасибо, Дмитрий. Очень хороший урок. Урок записан с качественным звуком и видео. Подписываюсь и ставлю лайк!

    • @freelance-pro
      @freelance-pro  ปีที่แล้ว

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

  • @karinaavetisova1222
    @karinaavetisova1222 2 ปีที่แล้ว +2

    Блин, самый классный видос. Пересомтрела много других, но ваш лучший. Столько фишек, деталей. Спасибо большое!

  • @tripgames4520
    @tripgames4520 3 หลายเดือนก่อน +1

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

    • @freelance-pro
      @freelance-pro  3 หลายเดือนก่อน

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

    • @tripgames4520
      @tripgames4520 3 หลายเดือนก่อน

      @@freelance-pro Дмитрий! Недавно видел у вас на канале ролик, где вы разбирали сайт подписчика. Как насчёт того, чтобы я скинул вам сайт на разбор? Я думаю вам было бы точно приятно посмотреть на творчество ученика, который упорно учился исключительно по вашим роликам с нуля, не имея никаких знаний

    • @freelance-pro
      @freelance-pro  3 หลายเดือนก่อน

      Разборы работ доступны для учеников и в рамках консультации, подробнее тут freelance-blog.com/webflow/

  • @fmdevelop
    @fmdevelop ปีที่แล้ว +4

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

  • @stensd7842
    @stensd7842 ปีที่แล้ว +1

    Очень хорошее пошаговое разъяснение работы с инструментами анимации. Потратил с перерывами полтора дня, но разобрался. Спасибо. Жаль только, код размытия по линку не обнаружил. Но это мелочи😉

  • @alexandrs5097
    @alexandrs5097 3 ปีที่แล้ว +1

    спасибо огромное! Как раз вовремя по проекту надо)

    • @freelance-pro
      @freelance-pro  3 ปีที่แล้ว

      Пожалуйста, очень рад что полезен)

  • @ux.ui-builder
    @ux.ui-builder ปีที่แล้ว +2

    Я бы поставил два лайка, если бы можно было.

    • @freelance-pro
      @freelance-pro  ปีที่แล้ว

      Ну можно два комментария оставить тут благо ограничений нет 😋 и спасибо за поддержу 🤩

  • @virtuozfilm793
    @virtuozfilm793 ปีที่แล้ว +1

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

    • @freelance-pro
      @freelance-pro  ปีที่แล้ว

      Пожалуйста! 😊 выбираем нужный блок и привязываем к нему готовую анимацию

  • @mattye12
    @mattye12 ปีที่แล้ว

    Спасибо большое за урок! Как раз искал, как сделать pop-up чисто средствами webflow. Сделал себе такую, работает 👍
    Но вот вопрос: а если таких всплывающих форм нужно много (штук 50) на одном сайте с разным контентом внутри - это надо для каждой формы прописывать анимацию, открытие, закрытие и анимацию кнопки?
    Нет ли универсальной формы, в которую можно было бы вставлять разный контент?

    • @freelance-pro
      @freelance-pro  ปีที่แล้ว +1

      Пожалуйста 🤗 видео по теме m.th-cam.com/video/e-EVfwHnRCg/w-d-xo.html

  • @ОчирБембетов
    @ОчирБембетов 8 หลายเดือนก่อน +1

    Подскажите пожалуйста, Одно модальное окно на две кнопки можно ? И то одна открывает норм, а вторая кнопка не очень

    • @freelance-pro
      @freelance-pro  8 หลายเดือนก่อน

      Да, можно, а работает плохо потому что анимация должна распространятся на все элементы (all elements) выбирать в анимации

  • @МираЛисовская
    @МираЛисовская 2 ปีที่แล้ว +1

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

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว +1

      Настройка форм входит в инструкцию по скачиванию сайта с бесплатного аккаунта вебфлоу, подробнее тут freelance-blog.com/webflow/

  • @yuliyaligay2752
    @yuliyaligay2752 2 ปีที่แล้ว +1

    А можно ли было не прописывать все анимации по одной для закрытия крестиком, а просто дублировать form close animation которое было для затемнения и потом просто переименовать эту анимацию для крестика?

  • @andrew-pro85
    @andrew-pro85 2 ปีที่แล้ว +1

    А как быть, если полей в форме много, она получается высокая и на горизонтальном телефоне весь контент не помещается в экран телефона? Ведь прокрутки формы нет, потому что она задана Fixed.

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว +1

      Нужно задать 100 процентов высоту и максимальную высоту в пикселях и поставить прокрутку)) Я запишу видео ожидайте на канале скоро)))

    • @andrew-pro85
      @andrew-pro85 2 ปีที่แล้ว

      @@freelance-pro Спасибо, получилось!

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว

      Пожалуйста 😉 рад что помог!

  • @andreygolubnik8923
    @andreygolubnik8923 2 ปีที่แล้ว +1

    Супер, спасибо. Тоже сделал все, но столкнулся с проблемой, открытие формы срабатывает один раз, а при повторном нажатии на кнопку только серый фон вылезает без формы. Что может быть? Всю анимацию пересмотрел, все нормально

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว

      Значит что-то не так, в чем проблема так не обнаружить, надо смотреть именно ваш проект, приходите на обучение будем прокачиваться

    • @DimaMukha
      @DimaMukha 4 หลายเดือนก่อน

      точно такая самая проблема, вы уже разобрались в чем была проблема?

    • @freelance-pro
      @freelance-pro  4 หลายเดือนก่อน

      Надо смотреть ваш проект

  • @probawork
    @probawork 2 หลายเดือนก่อน

    Дмитрий почему все форма целиком с крестиком закрывается ?

    • @freelance-pro
      @freelance-pro  2 หลายเดือนก่อน

      Потому что так задумано, а вы как хотели?

    • @probawork
      @probawork 2 หลายเดือนก่อน

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

    • @freelance-pro
      @freelance-pro  2 หลายเดือนก่อน

      Это значит что вы сделали анимацию не правильно

  • @ДенисТерехов-з5и
    @ДенисТерехов-з5и 2 ปีที่แล้ว +1

    Все классно, но только вот одно не понятно перехожу по ссылке где должен быть код фиктивного размытия фона, но ни куда не попадаю, верней выдает ошибку, пробовал скопировать ссылку и открыть в других браузерах тоже самое?

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว

      Сайт сейчас не доступен, надо ждать...

    • @ДенисТерехов-з5и
      @ДенисТерехов-з5и 2 ปีที่แล้ว

      @@freelance-pro Доброго времени суток, я вот смотрю сайты на каждом из них есть подвал или как он называется правильно, не суть есть ссылки с названием Политика конфиденциальности, Пользовательское соглашение, Согласие на обработку ПД, Оферта для Исполнителей по этим ссылкам попадаешь в какой то документ как я понял это внешняя ссылка где информация по этим пунктам находится где то в каком то документе? и еще вопрос где они берут информацию по этим пунктам и где вообще ее можно брать мне чтобы использовать ее на своем сайте без нарушения?

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว

      Это не внешняя ссылка, а внутренняя страница, текст для неё можно найти в гугле, лично я на все сайты ставлю такой вариант и хватает axiomabc.com/privacy.html можете просто скопировать этот текст и себе использовать на здоровье))😎

    • @ДенисТерехов-з5и
      @ДенисТерехов-з5и 2 ปีที่แล้ว +1

      @@freelance-pro То есть вот это одно вставляешь и оно заменяет вот эти 3 пункта: Политика конфиденциальности, Пользовательское соглашение, Согласие на обработку ПД и Оферта для Исполнителей правильно я понимаю?

    • @freelance-pro
      @freelance-pro  2 ปีที่แล้ว

      Я на всех сайтах ставлю только политику конфиденциальности и этого хватает, выше ссылка на сайт который делал я, изучите его и все увидите наглядно 😉

  • @МехринисоШералиева-к5ч
    @МехринисоШералиева-к5ч ปีที่แล้ว

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

    • @freelance-pro
      @freelance-pro  ปีที่แล้ว +1

      Делать как на видео 1 в 1 или прийти на обучение

  • @duykoff
    @duykoff ปีที่แล้ว

    глюк при нажатии на крестик чтобы закрыть, таки был ))