Scar Media Group Blog

Scar Media Group Blog

Fixing Hubspot Contact Forms Showing Under the Footer in WordPress Divi

by | Jul 20, 2025

Fixing Hubspot Contact Forms Showing Under the Footer in WordPress Divi

by | Jul 20, 2025

Please share this post:

Follow us:

Illustration comparing two webpage layouts: on the left, a HubSpot contact form loads below the footer with a red X, and on the right, the form displays correctly above the footer with a green checkmark in WordPress Divi.

If you’ve ever had a contact form appear under the footer of your website instead of in the right spot, here’s what’s likely going on.

We ran into this recently on a WordPress site using the Divi theme and a HubSpot contact form. HubSpot injects forms at the end of the page unless you tell it exactly where to render. That means a form can show up outside the page layout or not appear at all.

In this case, some custom code was also interfering, making the form load late and causing display issues.

The fix was simple:

  • Wrapped the form in a proper container inside a Divi Code Module.
  • Added a short JavaScript snippet in functions.php to target the right render location.

Now the form loads consistently where it should, across devices and browsers.

One line of code was all it took to fix a layout that looked broken for days.

If your site’s forms aren’t working properly, we can help.

Get in touch with us below or hit the Live Chat button to get help now.