Hello, I’m trying to work with a cloneable multistep form but I can’t get it to work. As per the instructions, I’ve dropped the custom code in the head and body but I can’t get the slider buttons to click to the next page. It works beautifully on their live demo, but doesn’t work for me.
The cloneable instructions are here:
"Custom code is in the PAGE SETTINGS area (not project settings) Please make sure you copy and paste this as it needs to be included.
Form submissions will go to the email listed in your PROJECT SETTINGS you must add an email here to receive the submissions
The slider #ID and the next/back buttons must match the custom code"
I don’t understand the 3rd instruction, “the slider #ID and the next/back buttons must match the custom code”, which is the only thing I’m assuming is responsible for it not working.
I just checked your project and found the issue. It’s just a minor thing that can always happen.
When importing the blocks/page some of the class name has been changed, specifically class name for the Next Step button which should be slider-right but in your setup it changed to slider-right 6. So just change that and it will work.
Button interaction is done with jQuery so the class name has to match. You can use the new class name or change to something but then you have to update that on the custom code as well.
I’ve changed the code to slider-right-6 and it works like a charm. Thank you for that, you’ve also taught me something new about checking that the class matches the custom code.
It’s great that you made it work and unfortunately broke it again
But it happens sometime, this one was tricky to find because you’ve changed one main function code. On the jQuery script you’ve changed all the $ sign to £, I’m not sure why you did that but without the $ sign jQuery won’t work.
Please try and update that, if confused please check the cloneable from the Formly or just copy paste and just change that class name for the button.
I’m in the UK, so need the £ instead of the $. I made a mistake by changing all the $ to £ instead of just the prefix. Pleased to say it’s all fixed and finished. Can’t thank you enough for taking the time to help me.
One final question if I may. Do I need to make a success page for successful form submissions, or do people receive a successful message by default from Webflow?
