When connecting Quform to SharpSpring, it can present some difficulties when multiple forms are on the page—even if they aren’t all Quform forms. If a Quform is alone on a page, our standard form code should work. This article will detail how to connect Quform forms to SharpSpring.
The following user roles can connect Quform forms to SharpSpring:
- Marketing Manager
When connecting multiple forms on the same page, an ID needs to be declared in order for the SharpSpring code to determine which form to capture. With Quform, the ID can be dynamic. After viewing the ID and declaring it in the SharpSpring code, the ID may be different the next time, preventing the SharpSpring code from finding the form. However, by utilizing the form's unique class, you can better connect the form to SharpSpring. This grabs the dynamic ID and stores it in the variable, so that the SharpSpring code can obtain the form’s ID even though it isn’t the same on every page load.
For information on accessing and creating Quforms, refer to the following:
To connect Quform forms to SharpSpring, do the following:
Step One: Determine the unique class of the form.
- View the page’s HTML code.
The beginning of your form should look something like this:
Note that the form has two classes: iphorm and iphorm-form-1.
- Use the form's unique class of iphorm-form-1.
Step Two: In the SharpSpring form tracking code, make formID changes.
- Look for the following line in the tracking code:
The X values represent the form’s unique endpoint value.
- Above that line, add the following line:
var formID1 = jQuery(".iphorm-form-1").attr("id");
Be sure to use the class of the form you are connecting where “.iphorm-form-1” is shown. Additionally, be sure to place a period before iphorm.
The variable (formID1 in the above example) 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 isn’t important so long as it is unique.
- Within the endpoint line, change endpoint to the following:
__ss_noform.push([form, formID1, 'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
Leave your original endpoint value where the X values are. Be sure to place the variable name where formID1 is.
Step Three: Proceed with connecting and mapping a Native Form.