# External HTML Forms Integration



<CardGroup cols="2">
  <Card title="Step 1: Embed Surface Scripts" icon="code" href="/docs/external-forms/embedding">
    Add Surface Tag and External Form scripts to your HTML site
  </Card>

  <Card title="Step 2: Create External Form" icon="square-plus" href="/docs/external-forms/create-external-form">
    Set up form tracking in Surface Labs with required fields
  </Card>

  <Card title="Step 3.1: Create Multi-Step HTML Form" icon="list-ol" href="/docs/external-forms/create-multi-step-html-form">
    Build or use the starter template for multi-step forms
  </Card>

  <Card title="Step 3.2: Modify Form Fields" icon="pen-to-square" href="/docs/external-forms/modify-form-fields">
    Add question IDs to form fields for proper tracking
  </Card>

  <Card title="Step 3.3: Submit Form" icon="paper-plane" href="/docs/external-forms/submit-form">
    Configure form submission with Surface classes
  </Card>
</CardGroup>