topic Re: All non-HubSpot forms show up as a single form in HubSpot (How do you over-ride the CSS on CF7) in Lead Capture Tools

All non-HubSpot forms show up as a single form in HubSpot (How do you over-ride the CSS on CF7)

Socialspike — Thu, 07 May 2020 17:20:45 GMT

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 2 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 2 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.

Someone else posted this

"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”]"

But I have zero idea on where or how you change this shortcode, can't find anything on where I do this. Can anyone point me in the right direction?

Re: All non-HubSpot forms show up as a single form in HubSpot (How do you over-ride the CSS on CF7)

natsumimori — Thu, 14 May 2020 06:38:04 GMT

Hi @Socialspike

Thank you for posting your question in the Community.

I wanted to tag in a Top Community Contributir- @mike-ward are you familiar with Contact Form 7?

Re: All non-HubSpot forms show up as a single form in HubSpot (How do you over-ride the CSS on CF7)

mike-ward — Thu, 14 May 2020 13:35:55 GMT

Hi @Socialspike ,

Can you share a link to your site so I can see? That will be useful!

If you're using a page builder, you likely won't directly be editing a short code yourself, you're probably using a drag-and-drop type interface (which in the background is creating the shortcode). I'd guess there's still an option in there for adding additional classes though; every page builder has this. Which theme/page builder are you using with WordPress?

PS: The original thread is here: All non-HubSpot forms show up as a single form in HubSpot.

(Thanks for the tag @natsumimori).

Cheers,

Mike

---

Did I answer your question? If your question is answered, please mark it as a solution. If you need more help, hit that big orange 'Reply' button!

Re: All non-HubSpot forms show up as a single form in HubSpot (How do you over-ride the CSS on CF7)

edng0411 — Fri, 30 Oct 2020 07:51:59 GMT

Hi,

I run into the same problem, I use a drag-and-drop page builder platform (https://builder.ladipage.com/) to create pages and forms. However, after installing a short code in those pages, HubSpot automatically creates one non-HubSpot form and I can tell which page the customer leads come from.

Here are a few pages created by using the page builder platform:

https://securitybox.vn/dangkywebinar03

https://securitybox.vn/4website-registration

https://www.securitybox.online/4website

Can you take a look at this and point me in the right direction?