Trying to use HubSpot Forms not showing on our website

[HCagungun]

I've been trying to place HubSpot Form on our site (We use Wordpress and Divi), but whenever I paste the embedded code nothing appears
All the tutorials I have seen simply copies and paste the code on a code module. 

  

[TTolley · Accepted solution]

Hi @HCagungun! I can see your embed code looks correct, so let's troubleshoot a few common issues with HubSpot forms on WordPress/Divi sites:

First, check if the HubSpot tracking code is installed:

• Go to Settings > Tracking Code in your HubSpot account
• Make sure the tracking code is installed on your WordPress site (either via a plugin like HubSpot's official WordPress plugin, or manually in your theme's header)
• The form embed code needs this tracking code to be present first to work properly

Check your browser console for errors:

• Right-click on the page where the form should appear and select Inspect or Inspect Element
• Click on the Console tab
• Look for any red error messages - can you share what errors (if any) appear there?

Divi-specific settings to try:

• In your Code module settings, try toggling the Disable Static CSS File Generation for this Code Module option
• Make sure you're using the Text tab (not Visual) when pasting the code

Other things to check:

• Clear your WordPress cache (if you're using a caching plugin like WP Rocket, W3 Total Cache etc)
• Try temporarily disabling other plugins to see if there's a JavaScript conflict
• Check if your site has a Content Security Policy that might be blocking HubSpot's scripts

Let me know what you find in the console errors.

That'll help narrow down what's happening!

[Anton · Accepted solution]

Hey @HCagungun, 

worked with Divi for several years - the embeds won't show up while you're in the Visual Builder mode only on the "real page(s)".

Something I've done in the past was:
- creating a new page for testing purposes and not publishing it (or publishing it with "no-index"), testing the form, if everything works, copy/paste the embed code on the real page

best, 

Anton

[TTolley · Accepted solution]

Hi @HCagungun! I can see your embed code looks correct, so let's troubleshoot a few common issues with HubSpot forms on WordPress/Divi sites:

First, check if the HubSpot tracking code is installed:

• Go to Settings > Tracking Code in your HubSpot account
• Make sure the tracking code is installed on your WordPress site (either via a plugin like HubSpot's official WordPress plugin, or manually in your theme's header)
• The form embed code needs this tracking code to be present first to work properly

Check your browser console for errors:

• Right-click on the page where the form should appear and select Inspect or Inspect Element
• Click on the Console tab
• Look for any red error messages - can you share what errors (if any) appear there?

Divi-specific settings to try:

• In your Code module settings, try toggling the Disable Static CSS File Generation for this Code Module option
• Make sure you're using the Text tab (not Visual) when pasting the code

Other things to check:

• Clear your WordPress cache (if you're using a caching plugin like WP Rocket, W3 Total Cache etc)
• Try temporarily disabling other plugins to see if there's a JavaScript conflict
• Check if your site has a Content Security Policy that might be blocking HubSpot's scripts

Let me know what you find in the console errors.

That'll help narrow down what's happening!