WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
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.
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:
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.
The form is already on the page, but the above link is a a href to the anchor link with some action on the backend. The code below is already on the page,
Looking back at a previous elementor form issue, it appeared that the popup form had not been constructed until after the button click. I want to confirm that you are saying that the form has been constructed on page load to the dom. Is that correct?
Jan 7, 202111:22 AM - edited Jan 7, 202111:24 AM
Contributor
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
Just got this from Hubspot and I confirmed this does seem to be the behavior. I wonder if there is a way to fix this somehow. I have contacted Elementor about the issue as well.
Hi Ingram,
Thank you for getting in touch with HubSpot Support! This is Carina and I'm happy to help here 🙂
I understand that you are working with non-HubSpot forms in a pop-up and are experiencing issues with form submissions coming through. Thank you for sharing across all the details as well as the steps you have tried! 🙂
To share some contexts, the HubSpot script will scan your website the moment the page loads to find <form> tags. If the <form> is only introduced to the page after the first load, it will not be picked up by the script and thus submissions will not be passed.
I can confirm that this is happening on your site. When we open your pop-up, we can see that the form is found in the source code with the ID of "LPOPTINGUIDE" (See screenshot 1). If we reload the page and try to search for the form with the ID "LPOPTINGUIDE", it doesn't show (See screenshot 2). As such, since the form only renders when the pop-up is enabled, the script is unable to pick up your form.
I understand from you that you were able to work around this by inserting the HubSpot tracking code using the Google Tag Manager. Could you share more on how you have injected the script and is this currently working onyour page?
Unfortunately, the non-HubSpot form tool does have several limitations because it relies heavily on how the <form> code is configured (The requirements are listed here). Other options would be to usethe HubSpot API,or usinga third-party integrator like Zapier. Since these options are using API, they are more reliable and run into fewer front-end issues.
I hope this information helps and please don't hesitate to reach out if you have further questions. I'm most glad to assist 🙂
I have discussed with several people internally and at this point there is nothing we can do on our end. The best option would be for a direct integration from Elementor.
I am also going to reach out to them to make sure this is on their radar.
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
Hi,
I'm experiencing the same issue, the form seems to work properly but it is not connecting to Hubspot. The weird part of it all is that it works when we try in it "preview" in elementor but when we publish it doesn't work.
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
Im having the same issue. It works sometimes at first and then it stops working. I tried clearing cookies, different browsers, etc. It does seem that once it collects an event it wont collect any more. I am also using the popup.
Forms on non-popup seem to be working perfect. It seems to be only affecting the popup forms. @dennisedson
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
Did anyone receive a solution for this issue? It still persists when trying to submit a form within an Elementor popup and doesn't communicate with HubSpot..
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
I am also facing the same issue as @RajivK and I am not able to get my elementor popup forms to send submitted contact info over to hubspot. Is there a solution for this yet?
WordPress Elementor Forms not sending to Hubspot CRM
SOLVE
Hi Pam,
I am facing a similar problem as some users have highlighted before. I have created a simple contact form using Elementor Pro on my website. The form seems to be pushing data to Hubspot when it is embedded directly on the page. However, when the form is included in a pop-up, the data is not getting collected in Hubspot contacts.
However, a form submitted in the pop-up on this page (https://discoveru.in/) by clicking the "Get Started" button does not push the data to Hubspot contacts.
The form on my website is enclosed in <form> tags and it loads as soon as the page loads.
Your help with troubleshooting would be highly appreciated.
I was not able to find the nonHubSpot form submissions you mentioned in the account, so I would like to know more about how this data is being sent to us.
The more information, screenshots, and details you can provide, the better I can advise on the next steps.
(you will see test as the name so you can delete 😀)
I confirmed that I can successfully send from the contact us page and not the homepage. There are two differences between the two.
Homepage:
1. Popup
2. JavaScript event happening on the button. This, I imagine, is what is populating the next page's form.
I think we need to focus on that event that is occurring. I have a feeling that it is hijacking the values and they are not being passed to HubSpot.
Referencing this knowledgebase article: Form has JavaScript bound to the form submit event or submit button click event. This is how the tool captures submissions and any other events, and can prevent HubSpot from knowing when submissions occur.
Would you be able to clone this page and do the following:
Test as is to see if it just works.
If it doesn't work, can we remove the JavaScript from that form and test again.
I have attached 2 screenshots for you from our website. the first is of our home page, where the non-hubspot form is embedded in a pop-up.
The second is our Contact page, where the form is directly displayed on the page itself.
Both contact forms are the same, however, we are receiving data from the form on the contact page and NOT from the form in the pop-up on our home page.
We have the hubspot tracking code installed on all our pages, and that's how we are capturing non-hubspot form data.
It seems like none of the forms in pop-ups on our website are sending data to hubspot.
I am not too familiar with Elementor Pro, however the screenshots in the document are outdated. The forms tool now lives under the "marketing" tab from the top navigation.