Create a Popup Modal in Webflow - Webflow Beginner Tutorial

Поділитися
Вставка
  • Опубліковано 10 січ 2025

КОМЕНТАРІ • 21

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

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

  • @lots125
    @lots125 5 місяців тому +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?

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

    Great video! Thanks a lot!

  • @milli8789
    @milli8789 2 місяці тому

    Thanks a lot for this!

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

    clear and concise. Thanks beast.

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

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

    • @UnfinishedStudio
      @UnfinishedStudio  10 місяців тому +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.

  • @brendancolecreative
    @brendancolecreative 2 місяці тому

    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!

  • @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

  • @lots125
    @lots125 5 місяців тому

    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.

  • @laigrasies6826
    @laigrasies6826 5 місяців тому

    Thanks Bublik

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

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

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

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

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

      Haven't figured it out yet@@alexisbocanegra6977

  • @u1sart
    @u1sart 5 місяців тому

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

  • @laigrasies6826
    @laigrasies6826 5 місяців тому

    I made different then you, but thanks for the guidens