> For the complete documentation index, see [llms.txt](https://sprocket-rocket.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sprocket-rocket.gitbook.io/project/guides-and-tutorials/how-to-setup-a-form-to-be-used-with-sr-conversational-form-01.md).

# 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:

![](https://727023913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAYqn_R2pOIbZ1c4et1%2F-LYzveZtfb-Al1Yj3PEZ%2F-LZ-05fdFKFrMUQwjyWM%2Fimage.png?alt=media\&token=daf957d6-9894-449c-8cf5-606a8014ea20)