CRM

Strike_Concepts
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

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

1 Solution acceptée
ATirante
Solution
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

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.

Voir la solution dans l'envoi d'origine

49 Réponses
Anonymous
Non applicable

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

I have the same issue too and need assistance. It's not embedded into a popup, just a usual Elementor form on the page...

4Academy
Participant

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

me too, dose anybody have solution? ;(

0 Votes
MarcacoesOnline
Participant

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Same problem here with current forms, not any popup!

EcoSwap
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@dennisedson 

 

We have the same issue here: ecoswap.me . Try to click any of the "Feature your shop on EcoSwap" button to see the form. For some reason it does not send the leads to Hubspot

0 Votes
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@EcoSwap ,

Did you check out @ATirante 's solution to see if that works?

ATirante
Solution
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

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.

ShayeRyan
Participant

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

GOD BLESS YOU! I've been searching for hours for this solution, worked like a charm!

BMoses
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Hey There,

I have a similar issue. I've got contacts from an Elementor optin page (Woofunnels) that doesn't pass the contacts to HubSpot. I've used another Elementor/Woofunnel and get the contact data. I have no idea how to access the script above from Elementor/Woofunnels. Anyone able to help?

 

0 Votes
ipulfer
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@ATirante 

 

Hi - this is exactly what i'm after. I have an embedded form in an Elementor popup that isn't displaying. Using your code above makes it work - however what it then does is removes the contact form we have in the footer of our page.

 

How do i target the .remove() by ID instead of class, as you suggest in your post?

 

Thank you - this has saved me hours of head scratching

0 Votes
ATirante
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Heya @ipulfer! So what I'd do is add an ID to the popup's main section

 

elementor.png

 

And target that in the .remove() line instead likeso:

jQuery('#sample_id .hbspt-form').remove();

 That way, it would only target the hubspot form inside that popup form and not your footer as well.

ipulfer
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@ATirante - that is perfect, works well. Thank you for your help 🙂

0 Votes
andrus
Contributeur de premier rang

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

We've recently added Elementor Forms to our App Connector (that connects various marketing tools to HubSpot) but we haven't tested it on pop-up forms yet. Happy to offer the App connector for free to a few people if you could help to test whether the pop-up works as intended. Please DM for details.

Andrus Purde | Outfunnel - The easiest way to connect sales and marketing tools
BInversoresPr
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

I was finally able to solve the problem by using Elementor Extras widget (a paid addon to Elementor plugin) to create the popups intead of the native Elementor Pros one. Although I havent tried it, I guess you could also solve this by using Bootstrap or any other solution to create the popups.

 

Hope it helps!

Pepe
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Hello, I see you tried it with a paid plugin. 
Why have you chosen this plugin especially? 
I am trying to get it working with zapier. Will update when I have news. 
Also tried to put in the hubspot tracking code into a hidden field in the popup but that did not work too. 
Had succes btw with plugin "popup maker" and then make with Elementor a section with a mailform. Copied the shortcode into the popup maker and had a working popup with good connection to Hubspot. 
Only thing I cannot get to work is that the attachments of elementor mailforms (also not from normal mailforms) will be loaded into Hubspot. Anyone has the same problem?

BInversoresPr
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Any advance in this topic? Im facing the exact same problem... Maybe JavaScript solution could be effective? Duplicating the pop-up form? Re-calling the Hubspot function that scans the <form> tag once the pop-up fires?

0 Votes
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@BInversoresPr 

That could possibly work. 

ingramleedy
Contributeur

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Leads is under HubSpot. Once you install the Plugin on wordpress, it bascialy installed the Hubspot scripts to listen to form submission and then if you have in Hubspot, the  Marketing > Forms > Non-Hubspot Forms. Turn on Collect data from website forms and then click the Save button, it will start collecting form data from all your websites forms (most all , not reliability on pop-ups in elementor).  

0 Votes
ingramleedy
Contributeur

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@dennisedson  I havent heard anything from Elementor, I assume they point this back to Hubspot anyway. Elementor has some native integration with other CRM systems rather than relying on the another plugin.  In Hubspot's case, its relying on the Hubspot plugin (or script).      

 

I've tried using some 3rd party form integrations that support Hubspot, but it cause the elementor blocks to slow down because they also load all the Hubspot Lists and cache contact information, and in our case this is a pretty extensive list that exhausts memory and performance.   So that is out.

 

So the only real option for us is to NOT USE POP-UP FORMS. which isnt idea when looking at conversion rates and what works best.  I like having the options to test.

 

Utimately, this has me reviewing other CRM systems that a natively supported to see why they are always the main CRM/Marketing tools that are integrated and not HubSpot.     

 

We're at a place where we want more customization and flexability that Wordpress/WooCommere (vs shopify), lead generation, tracking, custom code, layout, and that elementor provides.   

0 Votes
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

@ingramleedy ,

Thanks for documenting all of this for the Community and I am sorry that the outcome is not what you wanted 😞

 

BPili
Membre

WordPress Elementor Forms not sending to Hubspot CRM

Résolue

Please, we need a solution for the popup form, guessing pop up form is going pretty regular to site owner now. 

0 Votes