Lead Gen & CRM
How can we help you?
Search our help articles, video tutorials, and quickstart guides

You've got this. You've got us. Search our Knowledge Base to quickly find answers to your questions.

Connecting and Mapping Native and Third-Party Forms

Article: 000050356
Updated: July 18, 2024

Map your website's native and third-party form data into Lead Gen & CRM

Lead Gen & CRM enables you to connect and map your website's native and third-party form data to your Lead Gen & CRM custom fields. The Mapping Tool for Forms can be used to track the existing forms on your website, rather than replacing them with a Lead Gen & CRM form.


Article Contents


Users:
Administrators 
Company Managers  
Marketing Managers  
Sales Managers  
Salespersons  
Jr. Salespersons  


Regarding Supported Forms

Before connecting native and third-party forms, be aware that certain third-party form providers will require additional steps. For information on working with individual third-party forms, refer to the following help articles:

To use a Lead Gen & CRM form on your website instead of a native or third-party form, read Lead Gen & CRM Forms Overview.



Create a Native or Third Party Form to Map to

Native forms are forms that are already on your website. This could be a form that has been coded from scratch by your development team or a WordPress form plugin that you've used to create forms on a WordPress website. 

Important: Your form must include a First Name, Last Name, or Email Address field. 

Once you have the form on your website, create a corresponding form in Lead Gen & CRM. Your website's form submissions can be mapped to standard or custom fields in your Lead Gen & CRM instance. 

To create a corresponding native form in Lead Gen & CRM, do the following: 

  1. Click Forms in the left toolbar.
  2. Click Create Form.

    Create A Form

     

  3. Enter a name for the form.
  4. Choose a Native, or Third-Party Form, using the radios button.
  5. Determine how contacts who fill out the form should be assigned.
  6. For Native or Third-Party Forms, optionally, click the Allow a lead or contact record to be created even if an email address is not submitted checkbox.
    Note: You can choose to allow a lead or contact record to be created even if an email address is not submitted. Checking this option will allow duplicate records to be created since the email address is the unique identifier in Lead Gen & CRM.
  7. Click Continue.

    Form selections

     

  8. Copy the generated Javascript code in the window that appears.

    Copying form code

     

Keep this browser tab open because you'll need to return to this page after you complete the steps below on your website.


 

Insert Form Code on your Website

To allow Lead Gen & CRM to read the data coming from your forms, you'll need to insert the code from your corresponding Lead Gen & CRM form into your website. 

Place the code on your website before the closing </body> tag or after the closing </form> tag for the form you want to track.

Note: For websites built on CMS systems, like WordPress, you'll need to locate the file where your code needs to go. Search your CMS company's help center content, or template developer's help center content, to see where the closing </body>  or </form>  tags are located.

After you've added the code to your website, go to the page where your form is displayed and submit some data. Simply fill out the form. 

Once the data has been submitted, you'll be able to map the fields in your Lead Gen & CRM instance to the fields in your native or third-party form. 

Note: Constant Contact offers Professional Services to assist with custom coding.

 

Mapping Native and Third-Party Form Fields

After your code has been added, and some form data submitted, you'll need to map the fields on the native or third-party form to your custom fields. Return to your form in Lead Gen & CRM and complete the following tasks:

  1. Click the Refresh this Page button.
    Note: If you've navigated away from your Lead Gen & CRM form, don't worry. Simply return to the form from a new browser tab, choose your form from the list of forms and, if needed, refresh the page. 


    Green Refresh Button

     

  2. On the Field Mappings page, map the form submissions to your standard or custom Lead Gen & CRM fields, using the drop-down menus. If needed, create new custom fields by selecting New Field.
    Note: Some fields, including GDPR and File Upload fields, are not mappable on Native and Third-Party Forms. Only the fields listed in the Mapping dropdown are available.
     

    Select the field from the dropdown

     

  3. Click Save Mappings.

    Green Save Mappings button

     

Mapping the fields tells Lead Gen & CRM which of the fields on your website form correspond to the fields in your Lead Gen & CRM form. 

Important: Whenever you fill out the form for the first time, you are generating mapping data. As such, do not expect the lead to appear in the system until after the first entry. The second person to fill out the form will be imported as a lead.

If you ever change your native or third-party form, you will need to repeat this mapping process again. Refer to Tracking Native Forms for information on mapping more than one form on a single page.


 

Adding Manual Submission to Native Forms

Manual submission may need to be implemented by your developers for any forms that do not fire a standard submit action when completed, or experience other issues working with Lead Gen & CRM code.

Refer to Adding Manual Submission Options to Native Forms for information on adding manual submission.

Example native form ID:

formID.png

 


Did this article answer your question?


Constant Contact Logo

Copyright © 2025 · All Rights Reserved · Constant Contact · Privacy Center