Creating a multi-step module with changing responses according to the user’s input

Solution

Front-End Dev Team came to the rescue!

We created a script which hides and shows the next step according to the questions the user has answered; it has a validation that detects:

• Empty fields
• Email Format
• Amount of characters in number fields
• As the fields are filled in, the script feeds the HubSpot form and sends the data before the last step, which is controlled by javascript.

Then, we worked on the wizard functionality steps to change active classes and integrated all the CSS in the HTML to avoid overlapping other modules!