Hubspot Form Not Showing in WordPress Sidebar

This is driving me absolutely nuts because of the odd and persistant manner in which this error is presenting iteself.

I have a very, very simple Hubspot contact form in the sidebar widget of my WordPress website with inputs for name, email, phone number, and a two-option pull down menu. Nothing fancy or wonky.

I’ve tried both the HTML embed code created and offered by Hubspot, and the WP shortcode created and offered by Hubspot’s official plugin.

The form shows up in Google’s Chrome browser on desktop, but it doesn’t show up on Mozilla’s Firefox browser on desktop.

The form doesn’t show up at all on Andoid mobile (either Chrome browser or Mozilla Firefox), and doesn’t show up on an iPhone (Apple Safari).

I’ve tried running WordPress with zero plugins at all, and the problem persists. So the problem can’t be blamed on another plugin.

Also, I’ve tried the <div> trick around the code, and that didn’t do anything at all.

I’m currently running Astra as my WP theme, and it could be an Astra problem, because Astra is buggy and unreliable, but I’m unfortunately stuck with Astra until I can hunker down and make the time-consuming switch to a more robust and reliable WP theme.

If anyone has any suggestions, I’d appreciate it. Thank you.

Hi @micromano,
Thank you for reaching out to the Community!
Not being able to see a form on some of the browsers sounds frustrating, so let’s see this together.
I’d like to ask clarifying questions, please:
1. Just to confirm, this is a HubSpot form on an external Wordpress site, right?
2. Have you checked carefully this article “Add HubSpot forms to WordPress pages and posts
3. Is this a popup form? Or a regular form?
4. What is the URL of the page where the form has been added?
5. Have you tried in incognito mode on the browsers where the form doesn’t show up?
I’d like to share this article “Troubleshoot externally embedded HubSpot forms” that might help you.
These similar threads might be of interest as well:
- The solution from @trevordjones on this post “Hubspot Forms not appearing properly on the wordpress page
- The solution from @trevordjones on this post “Contact Forms in Wordpress
Also, I’d be happy to put you in touch with some of our Top Experts: Hi @TomM2, @trevordjones and @ArtyCele do you have any insights to share with @micromano, please?
Thank you so much and have a great day!
Best,
Bérangère

Thank you for your attempt to assist, but sadly none of these things work.

But the plot thickens: Today the form was not visible in the desktop Google Chrome browser (regular or incognito). Yesterday, it was visible in Chrome, but not in any other desktop browsers or on mobile. I re-inserted the exact same Hubspot embed code today, and it was again visible only in the desktop version of Chrome, but not in inconito. There have been no other changes to the website.

Yes, it’s a standard Hubspot form. Not a popup. And the form worked for years previously. I took it down in 2020 to instead use a form from WP Forms. We’d like to go back to HupSpot to makes things simpler and more efficient for logging form submissions.

Any other ideas?

Hi @micromano and thanks for the tag @BérangèreL,

The good news is, the form shows up for me in Chrome.

This *really* sounds like a caching issue, if not in your browser cache, perhaps in a server-side caching plugin in WordPress. If not that, then possibly a plugin conflict issue. On the other hand, it does sound like you have tried to eliminate the both issues by disabling all plugins and using incognito mode.

I would suggest the following procedure:

  1. Log your HubSpot plugin out in Wordpress
  2. Remove the plugin
  3. Log out of WordPress
  4. Clear your browser cache and cookies.
  5. Log into WordPress
  6. Reinstall the HubSpot plugin, and log back into it.

If that doesn’t work for you, I would also ensure that your WordPress instance has the latest version of jQuery installed.

Hi Trevor, thank you for the assist.

After some exprimentation, I think I’ve finally been able to get the form working again, but only by disabling WP Rocket. From what I read on some other help pages/boards, the theory is that WP Rocket’s attempts to delay the loading of scripts causes the HubSport form to not be seen.

I also use another plugin which is supposed to help with page speed load times, called Autoptimize. Thankfully, it doesn’t seem to disable or restrict the showing of the Hubspot form.

I’m going to do some more exprimentation before I close this help request out, if that’s okay, but thanks again for the help. This mysterious problem was driving me crazy over the weekend.

Hi @micromano ,

Absolutely! If you’re looking for a scripts and styles optimization plugin, here’s one I have used in the past that has always worked well for me . I am not the developer, but I know him - he used to do my theme customizations.

@micromano / @trevordjones - Hi there. Firefox no longer displays iframes (and their contents from http or https) in their browsers. Hope that clears up some confusion. Ref: https://stackoverflow.com/questions/18373592/iframe-contents-cant-appear-in-firefox

Thanks.