No-code multi-step forms that convert: Webflow tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ส.ค. 2024
  • Learn Webflow the FAST way with our full Webflow Masterclass course - bit.ly/3VQJFys
    📱 Find Josiah on Instagram at: / josiahduenes
    In this video, you'll learn how to build complex forms inside of Webflow that help build trust, convert users, and provide a more viable experience. As more and more websites are moving away from standard forms due to complex needs, your clients might require more than a basic design plan. Learning how to make complex forms in Webflow can be helpful.
    - Final Pushed Link: multi-step-form-logic.webflow...
    - Webflow project (read only): bit.ly/3PIGVTs
    📽️ CHAPTERS
    ---------------------------
    00:00 - Intro
    01:21 - Example
    03:41 - Formly
    04:23 - Building a questioner
    05:35- Creating a multi-step forms in Webflow
    We hope this was helpful to you and to your projects.
    We'd love to hear your thoughts in the comments. 💬
    📱 Find us on our SOCIAL MEDIA CHANNELS:
    Instagram: / flux.academy
    Tiktok: / fluxacademy
    Twitter: / fluxacademyhq
    #webdesign #webflow #webflowtutorial

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

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

    Great video, Josiah! I look forward to seeing some more in-depth tutorials!

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

    TOP!!! Thank you

  • @SevereSystems
    @SevereSystems 10 หลายเดือนก่อน

    Great Video! I have a question: Is it possible to qualify Leads with Webflow Forms? F.e. I have a question with 3 different answers to choose from... Is it possible to show the Lead on submit different thank-you pages based on the answer they've chosen?

  • @olala210332g
    @olala210332g 6 หลายเดือนก่อน

    Awesome video, the whole process is super helpful, but I find that the instruction for 'Multiple Paths to Same Div' on the Quiz validation page of Formly cannot be found at the moment. Maybe it is a pro feature now?

  • @RyanGridley-j4t
    @RyanGridley-j4t หลายเดือนก่อน

    How do i add Client-first Finsweet to my page?

  • @AC-ov3qt
    @AC-ov3qt ปีที่แล้ว +1

    Just a stupid question. What exactly is this sidebar you are using to move through different tabs?

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

      It’s the arc browser 👍

  • @CriptoPoeta
    @CriptoPoeta 11 หลายเดือนก่อน

    I keep getting a CORS error when implementing this. Might be due to the Javascript custom code. Is this the case? Thank you for your video tutorial truly excellent! It just needs a bit more context as to how to actually send the email through webflow.

    • @gammadesignco4102
      @gammadesignco4102 11 หลายเดือนก่อน

      I will be making some more content on this. I had set a custom button to have the submit attribute from the documentation!

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

    Hey, good content, tnx. I have strugled this kind of multi step solutions. You made this the free version of Formly?

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

      I think there was a mistake in the edit, I didn't use the free version but I do have a video where I did use the free features to make a simpler multi step form for some onboarding! The quiz and logic are not free functions. If you stop paying for it, your code won't stop working.

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

      @@gammadesignco4102 ok. thx. Can you link this video?

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

      oh. I've already found it. :)

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

    Righ on time, as I were researching different ways to do multistep forms in webflow

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

    Hi ! thanks for your video, However i think you make your tutorial with few zoom in the important section when you explain important thing . Sometimes you explain so fast and we can understand all , there are debutant with webflow who wants learn more about tips like that and you are so fast in your explain. Your form look so good , nice work.

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

      Thank you for the feedback, I will work on slowing it down more. I was worried I was going to make a long video already longer but I can definitely slow down in some areas

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

    It's quite confusing... You have a "Next" button on the form, so the general logic would be:
    - select an option you want;
    - click the "Next" button.
    But instead, you go right after clicking on the radio button.

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

      yes lol when i try , i am little confused too

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

      I did actually reach out to the creator on this one so hopefully I can make a fix, as this is a "quiz" from their feature set, it might be built in

    • @fabriciocarvalho9281
      @fabriciocarvalho9281 7 หลายเดือนก่อน

      It's because he set an attribute to press ENTER to progress, to he's pressing on keyboard instead of the screen

  • @ryanscott642
    @ryanscott642 6 หลายเดือนก่อน

    Even at 4k your text is hard to read.

    • @FluxAcademy
      @FluxAcademy  6 หลายเดือนก่อน

      Thanks for the feedback.✌️