Your contact form(s)

To integrate address/phone/email validation, you have to specify the form with the field(s) you want to be used. In most cases, this will be a registration or contact form on your website that your customers will use to enter their contact details.

To create an integration, you can either:

  • Enter the URL of the web page containing the form (e.g. http://mywebsite/contact/)

or

  • Paste the HTML code of the form you want to use starting with the <form> and ending with the </form> tags. For example:

    <form>
        <label>Name</label> <input type="text" name="forename">
        <label>Surname</label> <input type="text" name="surname">
        <label>Email</label> <input type="text" name="email">
        <label>Phone</label> <input type="text" name="phone">
        <label>Street1</label> <input type="text" name="street1">
        <label>Street2</label> <input type="text" name="street2">
        <label>City</label> <input type="text" name="city">
        <label>ZIP Code</label> <input type="text" name="zipcode">
        <label>State</label> <input type="text" name="state">
    </form>
    
  1. Go to the page with your contact form. For example, https://www.edq.com/free-trial/.
  2. Hover over the form, right-click on any of the elements and select Inspect.
    In the example below, we've right-clicked on the First name:
  3. This will open the code view of the page with the selected element highlighted in blue:
  4. Find the
    tag which will be above the highlighted element. This is the form HTM code that we want to paste into the Integration Wizard:
  5. Right-click on the tag and select Edit as HTML:
  6. The code will become editable. Select the whole form (it will start with <form name and end with </form>) then right-click and select Copy or click CTRL+C to copy the form code:
  7. Go back to the Integration Wizard and paste the form code in the Paste the HTML source code field:
  8. Click Next to proceed with the field mapping.

More than one form on the same page

You can integrate address, phone, and email validation into up to 2 forms within a web page. To do so, ensure that each form is separate and has a unique ID. For example:

<form id="">
    <label>Name</label> <input type="text" name="forename">
    <label>Surname</label> <input type="text" name="surname">
    <label>Email</label> <input type="text" name="email">
    <label>Phone</label> <input type="text" name="phone">
    <label>Street1</label> <input type="text" name="street1">
    <label>Street2</label> <input type="text" name="street2">
    <label>City</label> <input type="text" name="city">
    <label>ZIP Code</label> <input type="text" name="zipcode">
    <label>State</label> <input type="text" name="state">
</form>