Webhooks & 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 you created in Surface.

Ready to Get Started?

See it on your own site, or open the app and build the first form.

Need Help?

Setup problems, blocked domains and CRM push failures live in the Help Center.

Feature Requests?

Tell us what is missing. We would rather hear it than guess.