Troubleshooting HubSpot forms on your site

My HubSpot form is showing up multiple times

This is almost always caused by the form being rendered more than once on the same page.

Most common causes:

• The HubSpot component is placed inside a structure that repeats, such as a CMS Collection List item, a duplicated component instance, or a variant that can render more than once at the same time.

• The form is embedded twice — once via the HubSpot component and once via a manual embed in a Code or Embed component.

• The page contains multiple HubSpot components that point to the same portalId and formId.

Recommended fixes:

1. Confirm there is only one HubSpot form source. Use either the HubSpot component (recommended) or a manual embed via the Embed component — never both for the same form.

2. Check whether the form sits inside a CMS item or repeated component. Each CMS item in a CMS template renders its own copy. Move the HubSpot form to a single, non-repeating section on the page.

3. Avoid placing the HubSpot form in variants that can overlap. If the form exists in multiple variants, make sure only one variant is visible at a time.

4. Test on the published site in an incognito window. This rules out browser extensions and cached scripts that can occasionally cause duplicate renders during debugging.

If you need a form on many CMS pages, we recommend using one form per page template (not per CMS item), or linking to a dedicated contact page that contains a single form instance.

The form is blank, partially loaded, or doesn’t appear

If the HubSpot component renders but no form fields show up, something is blocking HubSpot’s embed script from loading.

Most common causes:

• Ad blockers, privacy tools, or strict corporate policies are blocking HubSpot scripts.

• HubSpot assets are blocked by a Content Security Policy (CSP) or network filter on the visitor’s network.

• The form is still loading. HubSpot’s embed script runs on the published site and may take a moment to initialize.

Recommended fixes:

1. Test on the published site (not the canvas or preview) — HubSpot’s script behaves most reliably in production.

2. Open the site in an incognito window with extensions disabled.

3. Try a different network, or test on mobile data, to rule out network-level filtering.

4. If this is for a locked-down environment, ask the customer’s IT team to allowlist the HubSpot resources used by embedded forms.

5. Open the browser console (right-click → Inspect → Console) and look for errors mentioning hsforms, hs-scripts, or hubspot.com. These usually point to what’s being blocked.

The form loads, but styling looks wrong

HubSpot forms are styled and configured within HubSpot, not in Framer.

In Framer, you control the layout around the component — its position on the page, the space it occupies, and the section it lives in. The fields, labels, button colors, and validation styles all come from HubSpot’s form editor. Keep form-specific styling changes in HubSpot so the form stays consistent everywhere it’s embedded.

Submissions are not showing up in HubSpot

If the form looks fine and the submit button works but no entries appear in HubSpot, you’re almost always pointing at the wrong form.

Most common causes:

• The portalId or formId is incorrect or mistyped.

• The embedded form is not the same form the team is checking in HubSpot — for example a different account, a staging form, or a duplicated form.

Recommended fixes:

1. Re-copy the portalId and formId directly from HubSpot’s embed dialog and paste them into the component’s properties.

2. Confirm the HubSpot account and portal being used matches where the team expects submissions to land.

3. Publish the site, submit a test entry, then check HubSpot’s form submission logs to confirm whether the submission was received.

4. Make sure the form in HubSpot is published and not in draft state.

The submit button doesn’t do anything

If clicking submit has no effect, the page is usually missing context the HubSpot script needs.

1. Test on the published site, not in canvas or preview mode.

2. Check the browser console for JavaScript errors mentioning hsforms or hubspot.

3. Make sure no custom code on the page is blocking page scripts or overriding window.hbspt.

4. Confirm the form isn’t inside a section that’s hidden at the time of submit — HubSpot needs the form to be visible to mount correctly.

The form layout looks too tall or has a scrollbar

HubSpot forms render inside an iframe sized to their content. If the form looks unexpectedly tall or shows a scrollbar:

1. Make sure the HubSpot component is set to hug its content vertically, not fixed to a small height.

2. Avoid wrapping the component in a container with a fixed height that’s smaller than the form.

3. Adjust the form’s own height and padding inside HubSpot’s form editor — that’s where the form’s intrinsic size is controlled.

If you’re still stuck after trying the steps above, reach out to us through our contact page.