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 Quform Forms to Lead Gen & CRM

Article: 000050443
Updated: July 18, 2024

Sync a Quform Form that is alone on the page to your Lead Gen & CRM account

When connecting Quform to Lead Gen & CRM, it can present some difficulties when multiple forms are on the page—even if they are not all Quform forms.

If a Quform is alone on a page, Lead Gen & CRM's standard form code should work.

This article will detail how to connect Quform forms to Lead Gen & CRM.


Article Contents

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


Regarding Quforms

When connecting multiple forms on the same page, an ID needs to be declared in order for the Lead Gen & CRM code to determine which form to capture. With Quform, the ID can be dynamic. After viewing the ID and declaring it in the Lead Gen & CRM code, the ID may be different the next time, preventing the Lead Gen & CRM code from finding the form.

However, by utilizing the form's unique class, you can better connect the form to Lead Gen & CRM. This grabs the dynamic ID and stores it in the variable, so that the Lead Gen & CRM code can obtain the form’s ID even though it is not the same on every page load.

In addition, Quforms has recently changed their class type. Previously, the class qphorm was called iphorm. As such, your older Quform forms may have the old iphorm class. Keep using iphorm in the older forms, but use qphorm with forms moving forward.

For information on accessing and creating Quforms, refer to the following:



Connecting Forms

You can connect Quform forms to Lead Gen & CRM.

To connect Quform forms to Lead Gen & CRM, do the following:

Important: Your older Quform forms may have the iphorm class. Those older forms should use iphorm where qphorm is listed in this procedure.
  1. Open a new tab in your web browser.
  2. Create a Quform form in that browser tab.
  3. View the Quform form’s HTML code in the page that you have placed your Quform form on. 
  4. Use the form's unique class of qphorm-form-1.
    Note: The unique class is important because it has a dynamic ID but not a static class. Normally, static IDs are needed, but Quform does not have such.
  5. Open another new tab in your web browser.
  6. Log in to Lead Gen & CRM in that browser tab.
  7. Click Forms in the left toolbar.
  8. Create or edit a third-party form.
  9. Click  12more.png  Actions > Embed Code.
  10. Locate the following line in the tracking code:
    __ss_noform.push([endpoint, 'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
  11. Add the following above that line:
    var formID1 = jQuery(".qphorm-form-1").attr("id");
    Important: Be sure to use the class of the form you are connecting where “.qphorm-form-1” is shown. Additionally, be sure to place a period before qphorm.
  12. Change endpoint to the following within the endpoint line:
    __ss_noform.push([form, formID1,  'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
    Note: Leave your original endpoint value where the X values are. Be sure to place the variable name where formID1 is.
  13. Proceed with connecting and mapping a Native Form.

The variable should be different for each form you are connecting on the page. It is fine to just use formID1, then formID2, and so on, but be aware that the name is not important so long as it is unique. 

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


Example Codes

The following example is code with two form classes:

<form id="qphorm-2b2177d7c1692"  action="/connect-with-us/contact-us/#qphorm-41ab457e683f4" method="post" enctype="multipart/form-data" novalidate="novalidate">

 

The following example is a complete Quform code: 

<script type="text/javascript">
    var formID1 = jQuery(".qphorm-form-1").attr("id");
    var __ss_noform = __ss_noform || ;
    __ss_noform.push(['baseURI', 'https://app-XXXXXXXXX.marketingautomation.services/webforms/receivePostback/XxXxXXXXxxxxXxxX/']);
    __ss_noform.push([form, formID1,  'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
</script>
<script type="text/javascript" src="https://koi-3QCZ2N3R1E.marketingautomation.services/client/noform.js?ver=1.24" ></script>
 


Did this article answer your question?


Constant Contact Logo

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