All non-HubSpot forms show up as a single form in HubSpot
I'm in the process of setting up and evalusting HubSpot for integration with my WordPress/WooCommere website.
My site uses Contact Form 7 (CF7). I have 3 CF7 forms on differnt pages of my site. No pages have more than 1 from on it.
In HubSpot, I only see a single "non-HubSpot form." All 3 of my active CF7 forms post are submitting to the same form on HubSpot. As you can see below, there are 4 submissions. 2 of them came from 1 CF7 form on my site and the other 2 came from 2 other CF7 forms on different pages on my site.
While I can tell within that form where each came from, I cannot control which mailchimp lists each source form came from unless I can see them as separate forms in HubSpot.
I can't find any documentation that indicates there is a 1 form limit for CF7 forms, nor can I find any way to change the form identifier: ".wpcf7-form" The details on HubSpot show no identifiers for this form:
Please advise.
All non-HubSpot forms show up as a single form in HubSpot
Okay, I solved this, but surprised I didn't find the solution elsewhere. HubSpot seems to use the CSS class name as the unique identifier. Contact Form 7 automatically assigns the class name ".wpcf7" to every form element including the form itself, ".wpcf7-form"
This is done so you can apply the same styles to all your CF7 form elements, sitewide.
Not sure why HubSpot picked a non-unique variable for the unique identifier, but alas, you can override the class name in your Contact Form 7 shortcode as follows:
[contact-form-7 id="XXXX" title="My Form Title" html_class=“unique-class-name-for-hubspot”]
Since doing that, HubSpot now sees the new form:
Dear HubSpot. This was a 3-hour journey that could have easily been solved by a couple lines of documentation or using a unique value for your unique form identifier rather than the default CF7 class name.
