How to setup a form to be used with SR Conversational Form 01

The forms used with the SR Conversational Form 01 module require a special structure to be able to work with the scripts and styles specific to that module. Here are the main elements that have to be present:

Rich Text Area

Each form field needs to have attached a rich text area that will contain the text copy used to make the fields fill in the format of a normal conversation.

If you need to have two fields following one after another, add a rich text area with a non-breaking space character inside   The absence of the rich text area will cause the layout to break.

Step control

Use the Help Text field to add the markers required for placement of the field in either the first or the second step. The values to be used are stepX where X is the number of the step. At the moment, the demo is created with only 2 steps, but there is no built-in limitation on the maximum number allowed.

A demo form has been setup for local development use on the Lean Labs portal at https://app.hubspot.com/forms/275827/editor/8b7b8f7d-790c-4a88-ad63-1ff0a4d28dc4/edit/form

Here is a screenshot with the way the form is being built: