Hi guys, I want to have multiple steps of the webform that lead from one to the other, name > address > email etc.
BUT I want to have a small transition animation/image in between each.
If you have a play with this webform you will see what I mean: https://www.forhims.com/c/hl/quiz-step?currentStep=0
After the first couple of fields, theres almost a mini “confirmation page” that appears for a few seconds, before automatically moving to the next field…
How can I do this? Thanks
Have a look at this add-on from Gravity Wiz:
This looks like a great fit for Page Transitions. For the confirmation form, it looks like they are displaying a new form on that page.
What you could do is redirect from the form with the transitions to a new page that contains that new form. You can then use Easy Passthrough to pass values from the first form to the second form. The user can then double-check any of the values and make changes as needed.
Scott, thanks for the reply.
In the example, it slides across to an image/text and holds that for a few seconds (maybe like 5 seconds) before automatically moving to the next question.
As far as I can see from the link, this app just slides/animates the trasition straight from one field to the next.
Is it possible to slide from a field to a “holding” images, for a select time, before progressing? Either in the same form, or redirecting to the next?
Do you have an example of this?
We don’t currently have support for displaying an image/text mid-transition. If you’re a Gravity Perks customer, drop us a line and we’ll be happy to pass it along as a feature request to our product manager.
I’m sure this is simply a matter of personal opinion, but when the form paused mid-transition I actually thought there was something wrong with the form. It confused me as a user and after a moment I tried clicking in the image thinking that it was supposed to be interactive. Not trying to talk you out of that interaction, but that was my experience.
I didn’t have that experience, but it would make for a good A/B test to find out!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.