Okay
  Public Ticket #3577325
Multi Step Forms
Closed

Comments

  •  3
    Camila started the conversation

    Hello,

    Love your form widgets. Calculator is top!

    Just wondering if it is possible to have several steps like the Elementor form. And if not, if this feature will be available any time soon.

    All my clients want multi-steps forms now..

    Thank you in advance

  •  751
    Igor replied

    Hi,

    I will forward your ticket to the second level support, so they can proceed in helping you.

    Thank you for your understanding!

    Regards,
    Igor

  •  3
    Camila replied

    any news?

  •  220
    Adarsh replied

    Hi Camila,

    Thank you for your inquiry. Unfortunately, at the moment, we don't have a multi-step form feature available. However, I'd like to assure you that we are actively working on developing this feature, and we aim to release it as soon as possible. We will let you know as soon as it is ready.

    If you have any further questions or need assistance with anything else, please feel free to let me know.

    Best Regards,
    Adarsh

  •  1,192
    Amit replied

    actually multi step is released it’s in the form builder category 

  •  3
    Camila replied

    Thank you sooooo much !!!

  •  2
    Annie replied

    Hi,
    I see that you now have the multi step form feature added! But I can't figure out how to set it up. The documentation doesn't mention anything at all about setting up the multi step. I tried to do it, by adding items (by adding ID of each section) but it's not working... Can you guide us please??

    Thank you!

  •  220
    Adarsh replied

    Hi Annie,

    Thank you for reaching out to us.

    To create a multi-step form, follow these steps:

    1. Add the multi step form widget to the page.

    2. Add a submit button to the page.

    3. Create sections or containers with steps, each containing field widgets. Assign IDs such as "step1," "step2," and so on to these sections.

    7031109830.png

    4. Add items in the multi-step form widget with corresponding IDs.

    7045566258.png

    This setup will enable you to create a multi-step form on your website. If you need further assistance or have any questions, feel free to ask!

    If you have any further questions or need further assistance, please don't hesitate to let me know.

    Best Regards,
    Adarsh

  •  2
    Annie replied

    Hi,It's not working, and I did everything you said. This is also exactly how I did it the first time. 

    1. I added the multistep form Field + the Submit Button field in a container. 

    2. I created 3 separated container, with CSS ID : f_step1, f_step2 and f_step3 : 

    4142404844.png

    3.  I went back in the Multi Step Form, and added the 3 items with the 3 ID previously mentioned : 

    6645902350.png

    When I publish it, the layout is all bad, and I see all the steps from the start? I don't want to see all the steps... I want to see step 2 when I click NEXT STEP, then step 3 when I click NEXT STEP, then the SUBMIT button on step 3. Here's what it looks like :

    5578753189.png

    Can you help me figure it out properly??

    Thank you. 

  • Emily replied

    I am having the same problem!!


    I need to know how this works. there is no documentation!

  • or replied

    i have the same issue, can anyone help us please?

  • Emily replied

    I have figured out the multistep form, you have to make sure your first container also has the step 1.

  •  1,192
    Amit replied

    you can go to one of the demos and copy and paste the setup 

    https://unlimited-elements.com/multi-step-forms-for-elementor/


  • Emily replied

    I have managed to do a two step form, but the second part of my form are calculation fields, they seem to loose the data when going to the next step - any help?

  • or replied

    So what am I missing? I added the ID to both

    3124279784.png
    9852201754.png
  •  1,192
    Amit replied

    Also created this doc 

    https://unlimited-elements.com/docs/how-to-create-multi-step-forms/

    please update me if something is not clear 

  • Emily replied

    Hello,


    on the first step of my calculator, I have the fields that people will put their data into, I wanted them to click 'next' to see the results from that calculator. However, when they click next, the calculation fields are '0' and can not pull the data and do the formula from the previous step fields.


    Is there Any chance we can do a support chat?

  •  1,192
    Amit replied

    hi Emily we dont have chat support please open a private ticket with admin access so a support member can connect and check your setup 

  • or replied

    I added the ID to the container

    Still it doesn't show me anything

  •  1,192
    Amit replied

    Hi Or since your website is RTL you need to switch on that option in the multi step form. 

    If you still have trouble please open a private ticket with admin access a support member will view and check 


  •  2
    Annie replied

    I realized an important info for making it work! That wasnt mentioned in one of your replies, neither in the documentation you nicely created for us. I did copy (using doubly) the one you provided (thank you!) to make the comparaison. And what I realized was:

    all the STEPS containers ( container step1, container step2, container step3) need to be within the container with the multistep widget+submit button,  And ALL those containers (multistep/submit + step1+step2+step3), need to be within a PARENT container (or Section). That wasnt mentioned anywhere.

    Like this : 
    >Parent CONTAINER
        > MultiStep Field + Submit Button CONTAINER
                > Step 1 CONTAINER
                > Step 2 CONTAINER
                > Step 3 CONTAINER
         

    Maybe that info could be added to the documentation?

    Because in the screenshot I gave earlier, we see that they are all in separate containers, without a parent container. That was incorrect and thats why it wasnt working.

    Heres a screenshot of the correct way, versus the not correct way

    Correct way: 

    5305539967.png

    Not correct way : 

    9291391734.png

     Thank you so much for working this out with us! This was a longtime waited feature and we are all so excited to finally have it :D

  • Emily replied

    I will give this a try, it seems that my calculation fields on the second step is struggling to pull the data given in the previous step fields!