HTML Configuration

Basic Field Structure

Each form field is represented with an element that has a unique name attribute:

<span name="question_1">___________</span>

How does it work?

• The SDK detects HTML elements with a name attribute
• It searches for questions in the JSON that match that name
• It replaces the element content with the information the user enters

Signature Placement in Complete HTML

In the Complete HTML file (not in Mask), a <div> is placed where the signature will go:

<div id="buyer" class="sign-margin"></div>

info

• The id attribute must match the type value in signatureProfile.
• If the signature goes in multiple places, you can use the name attribute instead of id.

Basic Complete Example

<div class="form-container">
  <h1>Purchase Form</h1>

  <!-- Name field -->
  <p>Buyer Name: <span name="buyer_name">___________</span></p>

  <!-- Email field -->
  <p>Email Address: <span name="buyer_email">___________</span></p>

  <!-- Amount field -->
  <p>Total Value: <span name="total_amount">___________</span></p>
</div>