Multi-step forms


#1

Hey, everyone!

I’m fairly new to js (and php is even scarier for me atm :sweat_smile:), so i wanted to ask some guidance from the experienced web developers. How would one go about creating multi-step (quiz-like) forms in hype? Like this:

luxrentcar.com

There is a button to take the quiz and answer a few questions. Answers to these questions (and choices) then will be send (like form) to an email and you know the rest :wink:

Can you, please, point me in a right direction? How can i implement something like that? I’m absolutely sure i can create this form in hype. The visual part at least :smiley: The problem is everything else, lol. I think this type of form needs js to store values and php code to collect these values and when send them via email. What should i learn? What should i focus on? Can it be done with hype + plus a few extra lines of code?

Would really appreciate your advice!


(Mark Hunte) #2

Have you search the forum.?
This has come up a lot and there is already many examples on site.

Try seraching for either contact form,php or forms

https://forums.tumult.com/search?q=contact%20form

As you note the quiz part is just getting values and posting them bu tI would suggest you look at the examples and see how people have gone over the php part. Read them carfully and pay attention to any security points. I would also do a search on good old google about best practices for php.


(Loves Hype) #3

Here is simple example. It lacks still some checks (like the need to select something or checking if fields are filled etc.). It could certainly be more sophisticated but I think it demonstrates that it’s possible.

Download:
Simple-Configurator-Example.zip


#4

Wow, i did not expect that :hushed: Great job!

I’ve fiddled with it a little:

Now all i need is to understand php and js better :joy: I’ve enrolled on a few courses to cover that.

Here’s modified hype file if anyone is interested:
Simple-Configurator-Example 2.zip (135.2 KB)

Thanks again, MaxZieb!