Multipage forms - just load form not whole page


#1

Hello all,

I was wondering if anyone had any ideas for this.

So using multipage forms which are working fine.

I was thinking it would be smoother if when clicking submit on the form (which sends to next page hosting the next part of form), just the form is loaded rather than the whole page.

To clarify - each ‘step’ of the form is it’s own unbounce page - form info is passed in url to hidden fields on next page. But each time you do this, the page is loaded from scratch.

One option i am thinking about is to have an unbounce page with only form and to show this within the landing page as an iframe - the on submit the iframe loads the next form page - therefore only loading the form iframe each time, not the entire page. This works in my head however i haven’t tried it.

Is there a way to get a page to use cached assets from a previous page? For example:

page1 = examplepage.com/formpage1
page2 = examplepage.com/step2
page3 = examplepage.com/step3

So all the images will be exactly the same - does anyone know if an way to tell the page to use the cached images from examplepage.com/formpage1 when loading step2 and step3?

Any ideas would be most welciome.

Alex


#2

Hi @Alex_Scovell,

Have you tried accomplishing your task with lightboxes?

This way you would only load each step of your form.

Best,
Hristian