Bringing In-Page Branching To Forms

It’s been a busy few months in the XFP team, and the new Form Builder is really starting to take shape...

If you’ve been following our progress on this blog, you’ll know that we reached a small milestone recently, getting some of our colleagues at Jadu to try it out with eye-tracking technology (read more about that here). Feedback from this has helped us iterate some concepts, and improve the user journey of creating a basic form. The big idea behind the new Form Builder, aside from improving user experience, is to make room for some amazing new features. The first of these is In-Page Branching.

So what exactly is In-Page Branching?

In-Page Branching will allow you to add hidden questions to a page, and only show them if another question on the page is answered in a certain way. For example, we might have a drop down question such as:

‘Are you excited about XFP’s new form builder?’

If a user chooses ‘Yes’, we may want to ask them ‘Why?’

To do this in the current version of XFP, we would need to create a new page and a branching rule to go to the page when Yes’ was chosen. We would then need to build the new page, adding a ‘text field’ question. Although that works as an option, the new page will look a little empty with just this content but more importantly we are keen to simplify the process for users.

Using Sections


With the new Form Builder, we can just add a ‘Section’ to the current Page Template. We’ll then be asked to give the section a title, and can choose whether to hide the section when the page loads. If we choose to hide it, we’ll be asked to choose ‘trigger questions’ from the same page, and the answer value for this that will show the section. Once our section is in place, we can add our Why?’ question to it as usual.

When we view this page of the form, the section won’t be shown at first. However if we answer Yes’ to ‘Are you excited about XFP’s new form builder?’, the section will appear, and we can then answer ‘Why?’

test form

Other uses of Sections


We think Sections will be really useful, and not just because they can power In-Page Branching. All sections have to have a title, which must be unique on the page. This title can optionally be shown when viewing the page, to separate questions under logical sub-headings. Sections can also be placed inside sections, so multiple levels of in-page branching are possible too.

Sections and In-Page Branching will be included in the first version for Form Builder, which will be in testing in December.



Share this post


The official Jadu Blog (a peek inside). The musings and magic of the Jadu team and log of new web apps, customer super hero stories and mobile web marvels.

Recent posts