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.
