External Forms

Step 3.1: Create Multi-Step HTML Form

Create a multi-step HTML form

Create a custom multi-step form or use the starter template.

  1. Clone the repository:

    git clone -b demo https://github.com/trysurface/multi-step-progressive-form
  2. Open the project and review the index.html file.

Multi-step Form Example 1

Add the form ID to the <form> tag

<form data-id="<Your_Form_ID>">
  <!-- Form steps here -->
</form>

Replace <Your_Form_ID> with the ID of the external form created in Surface Labs.