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.
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:
You can connect Quform forms to Lead Gen & CRM.
To connect Quform forms to Lead Gen & CRM, do the following:
The variable should be different for each form you are connecting on the page. It is fine to just use
Note: Constant Contact offers Professional Services to assist with custom coding.
Note: The unique class is important because it has a dynamic ID but a static class. Normally, static IDs are needed, but Quform does not have such.
Important: Your older Quform forms may have the
Important: Be sure to use the class of the form you are connecting where
Note: Leave your original endpoint value where the
The following example is code with two form classes:
<form id="qphorm-2b2177d7c1692" class="qphorm qphorm-form-1" action="/connect-with-us/contact-us/#qphorm-41ab457e683f4" method="post" enctype="multipart/form-data" novalidate="novalidate">
The following example is a complete Quform code: