> For the complete documentation index, see [llms.txt](https://docs.inputflow.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inputflow.com/form-editor/loading-form-elements.md).

# Loading form elements

Before you can start to configure the multi-step functionality, you must load all of the form elements (steps and inputs) into the Form Editor. To do that, you must:

1. Make sure, that you have prepared your form and its elements with the [Elements Manager](/elements-manager/what-is-the-elements-manager.md)
2. Publish your project to the .webflow\.io staging domain
3. Click the "Load elements" icon at the top right of the canvas

<figure><img src="https://389188249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH7DTlzVa3mWF0vRGpPYy%2Fuploads%2F7xMSDWwBQGHPQeJdcwJU%2FForm%20editor%20(5).png?alt=media&amp;token=6de8072c-18a4-409b-9eff-e79fbd9ad15a" alt=""><figcaption></figcaption></figure>

Once you have loaded your form elements, all of your steps will appear in the sidebar, and you can start to drag them onto the canvas.

### Future changes

If you want to make changes to the form elements at a later point in time (like adding new steps, renaming inputs), and want these changes to be visible inside the Form Editor, you must follow the same steps:

1. Make changes to form elements
2. Publish your project to the .webflow\.io staging domain
3. Click the "Load elements" icon at the top right of the canvas

### Tutorial Video

{% embed url="<https://youtu.be/bbSQvrkzP30>" %}