Create a Popup Modal in Webflow - Webflow Beginner Tutorial

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 21

  • @milli8789
    @milli8789 Місяць тому

    Thanks a lot for this!

  • @lepontRL
    @lepontRL Рік тому +1

    Awesome tutorial mate. Love your learning style as well. Super chill, and super helpful 👏

  • @diegors95
    @diegors95 Місяць тому

    Great video! Thanks a lot!

  • @lots125
    @lots125 4 місяці тому +1

    Excellent walkthrough. I would prefer it to delay a bit long (5 sec) or if they start to scroll it pops up. Any guidance on either?

  • @pearseodonohue5462
    @pearseodonohue5462 Рік тому +1

    clear and concise. Thanks beast.

  • @omarrivera4651
    @omarrivera4651 8 місяців тому

    Great tutorial. Great Content. You have a very effective way to teach. Thank you

    • @UnfinishedStudio
      @UnfinishedStudio  8 місяців тому +1

      Thank you so much! I truly appreciate the kind words. My goal is to continue to help the community so there will be more great content coming soon.

  • @laigrasies6826
    @laigrasies6826 4 місяці тому

    Thanks Bublik

  • @s1lvastyle
    @s1lvastyle Рік тому +2

    Great tutorial! Do you know how I can link this form to a button, so that it opens by clicking the button?

    • @UnfinishedStudio
      @UnfinishedStudio  Рік тому

      Hey! You would do the same steps except use the "Mouse Click" Interaction Trigger
      Here's some more info about it: university.webflow.com/lesson/show-and-hide-elements-on-click

    • @s1lvastyle
      @s1lvastyle Рік тому

      @@UnfinishedStudio Awesome, thank you!

  • @mitchalbers9426
    @mitchalbers9426 Рік тому +2

    Great video! I have everything setup how you showed it and everything seems to look great. One thing I am noticing is that my popup appears each time I scroll on my page. Is there a way to have the popup appear only once per session? Thanks so much!

    • @UnfinishedStudio
      @UnfinishedStudio  Рік тому

      Hmmmm... It shouldn't be appearing again if you scroll down. Make sure the animation trigger is the "Page Load" trigger
      If you would like for it to appear only once per 24 hours, then you can this hack here: finsweet.com/hacks-jquery/10

  • @brendancolecreative
    @brendancolecreative Місяць тому

    Hello! So I've built a model using your process (great video by the way). My question is how do I duplicate this popup modal so that it can be used on multiple pages? Whenever I try to copy + paste the model build onto a different page, the animations get messed up and disconnected because they were build on the original page.
    When I try to reconnect the modal animations on a different page, the original page's animations then become disconnected.
    So currently, I can only use this modal on one page.
    Thanks in advance!

  • @lots125
    @lots125 3 місяці тому

    Also, how would we make this dynamic to a mobile view. Right now the pop up on the right and left edges are off screen in a vertical orientation.

  • @u1sart
    @u1sart 4 місяці тому

    I think you forgot to Have a Button or link on the website to trigger the popup

  • @laigrasies6826
    @laigrasies6826 4 місяці тому

    I made different then you, but thanks for the guidens

  • @lepontRL
    @lepontRL Рік тому

    The close-overlay isn't working for me. I double-checked and have the exact same settings.. Any ideas?

    • @alexisbocanegra6977
      @alexisbocanegra6977 10 місяців тому

      I am actually having that same problem, did you ever figure it out?

    • @lepontRL
      @lepontRL 10 місяців тому

      Haven't figured it out yet@@alexisbocanegra6977