WordPress Elementor Forms not sending to Hubspot CRM

Strike_Concepts · ‎Jun 4, 2019

I'm trying everything to get the Elementor Forms (comes with Elementor Pro) to connect and submit form data to HubSpot.

Elementor says it's super easy: https://docs.elementor.com/article/262-hubspot

I can't get it to work.

I don't even SEE 'leads' under the Marketing menu...

ATirante · ‎May 22, 2021

I managed to make something work with Elementor without using any other plugins, but I haven't tested it extensively yet. The submissions seem to be working as well.

By wrapping the hubspot script in

jQuery( document ).on( 'elementor/popup/show', () => { 
});

the form waits for the popup to show up before displaying it. It seems to be calling it twice though so you'll have to clear the div where it's being outputed like so:

<!--[if lte IE 8]>
	<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
	jQuery( document ).on( 'elementor/popup/show', () => {
		jQuery('.hbspt-form').remove();
		hbspt.forms.create({
			region: "na1",
			portalId: "PORTALID",
			formId: "FORMID"
		});
	});
</script>

I'm thinking .remove() might cause some problems when there are multiple hubspot forms in the page but if that happens, you can probably just target an id instead of a class to specify which form it's supposed to remove.

View solution in original post

jennysowyrda · ‎Jun 14, 2019

Hi @zachsergio,

The forms tool is a free tool.

Thanks,
Jenny

joshvitaldigi · ‎Oct 23, 2019

Hi Jenny,

I am able to collect form data using Elementor and push it to hubspot on pages that have the elementor form embedded directly on the page, but when I use a form in a popup the data doesn't seem to be collecting.

Is there any way to test this from your side and see if that is a known error?

jennysowyrda · ‎Oct 23, 2019

Hi @joshvitaldigi,

Do you have a link to the page you're working on with the pop up form?

Thank you,
Jenny

joshvitaldigi · ‎Oct 29, 2019

https://discseel.com/ - Click on Speak to An Expert

https://discseel.com/physicians/ - Or on this page pick any link and then hit send an inquiry.

It seems like the popup forms aren't capturing properly.

dennisedson · ‎Jul 24, 2020

Hey@joshvitaldigi,

I just submitted to your pop up form on the homepage. From the front end, it looks like it was successfully submitted and looking at the source code, it appears you have what you need to submit properly.

Could you look at your contacts in HubSpot and see if a record was created for Test Test?

Thanks in advance!

Dennis

sykes2810 · ‎Nov 1, 2019

I've spoken to HubSpot about the same issue and had them investigate it. The issue is that that HubSpot will only collect forms that are loaded when the page first loads. It can't see the forms in the popups till they are activated and so it currently doesn't collect the forms that are contained in them. It's an annoying bug.

mattrichardson · ‎Dec 27, 2019

Is there a work around for this? I have a few pages on my site that relies on pop up contact form submissions using elementor.

Shall i just add a hubspot form to the pop up instead?

Thanks,

Matt

bra700 · ‎Apr 21, 2020

I'm facing the same problem. Did anybody find a solution?

Thanks.

James.

CRM