Configuración del HTML

Estructura Básica de Campos

Cada campo del formulario se representa con un elemento que tiene un atributo name único:

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

¿Cómo funciona?

• El SDK detecta los elementos HTML con atributo name
• Busca las preguntas en el JSON que coinciden con ese name
• Reemplaza el contenido del elemento con la información que el usuario ingresa

Ubicación de Firmas en Complete HTML

En el archivo Complete HTML (no en Mask), se coloca un <div> donde irá la firma:

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

info

• El atributo id debe coincidir con el valor de type en signatureProfile.
• Si la firma va en diversas partes puede utilizar el atributo name en lugar de id.

Ejemplo Completo Básico

<div class="form-container">
  <h1>Formulario de Compra</h1>

  <!-- Campo de nombre -->
  <p>Nombre del Comprador: <span name="nombre_comprador">___________</span></p>

  <!-- Campo de email -->
  <p>Correo Electrónico: <span name="email_comprador">___________</span></p>

  <!-- Campo de monto -->
  <p>Valor Total: <span name="monto_total">___________</span></p>
</div>