​
Overview

Formcertify uses HTML data attributes to capture important consent information like who is the consenter and the disclosure they are consenting to.

​
HTML Data Tags

Form elements must use the data-fc-type attribute with one of the following values:

​
name
string

Input field for collecting the user’s full name

<input type="text" data-fc-type="name" />
​
phone
string

Input field for collecting the user’s phone number

<input type="tel" data-fc-type="phone" />
​
email
string

Input field for collecting the user’s email address

<input type="email" data-fc-type="email" />
​
consent-disclosure
string

Container element displaying the consent disclosure langauge shown to the user

<div data-fc-type="consent-disclosure">
  By submitting this form, I agree to receive communications from...
</div>
​
consent-opt-in
string

Checkbox input associated with the consent disclosure for explicit opt-in

<input 
  type="checkbox" 
  data-fc-type="consent-opt-in"
  required
/>
​
company-name
string

Element containing the name of the entity receiving consent

<span data-fc-type="company-name">
  ABC Mortgage
</span>
​
submit
string

The form’s submit button

<button type="submit" data-fc-type="submit">Submit</button>
​
form
string

Can be added to the form element itself for explicit form identification

<form data-fc-type="form">
  <!-- Form fields here -->
</form>

​
Complete Example

Here’s a complete example showing all required tags in context:

<form data-fc-type="form">
  <div class="form-group">
    <label for="name">Full Name</label>
    <input 
      type="text" 
      id="name"
      data-fc-type="name" 
      required 
    />
  </div>

  <div class="form-group">
    <label for="phone">Phone Number</label>
    <input 
      type="tel" 
      id="phone"
      data-fc-type="phone" 
      required 
    />
  </div>

  <div class="form-group">
    <label for="email">Email</label>
    <input 
      type="email" 
      id="email"
      data-fc-type="email" 
      required 
    />
  </div>

  <div class="consent-box">
    <div data-fc-type="company-name">
      Acme Corporation
    </div>
    
    <div data-fc-type="consent-disclosure">
      By submitting this form, I agree to receive marketing communications from 
      <span data-fc-type="company-name">ABC Mortgage</span>. I understand that I can unsubscribe at any time. Message 
      and data rates may apply.
    </div>

    <input 
      type="checkbox"
      data-fc-type="consent-opt-in"
      required
    />
  </div>

  <button type="submit" data-fc-type="submit">
    Submit Form
  </button>
</form>