How do I embed an interactive chart in HubSpot?

To put an interactive chart on a HubSpot page you embed its iframe - HubSpot gives you two native ways to do it, and you do not need a marketplace app for a chart you host yourself. In the page editor, either drop in a Rich text module and use Insert then Embed, or add a dedicated Embed module and paste the code. Both work; the difference shows up when the chart is a full iframe with a sizing wrapper, and that is where most of the trouble is.

The two native routes

The quick route is the Rich text module. Click into it, open the Insert menu, choose Embed, and paste your snippet - fine for a simple iframe. The more reliable route for anything with a wrapper is the dedicated Embed module, labelled the HTML or Custom HTML module in some accounts: drag it onto the page and paste the same code. HubSpot's rich text editor can sanitise or reformat markup it does not expect, so if your embed is more than a bare iframe - a responsive wrapper, a little inline style - the Embed module leaves it intact where the rich text field may quietly strip it.

Size it yourself

An iframe does not size to its contents. Drop one in with no dimensions and you get a short, scrollbar-boxed sliver of your chart. Give it an explicit height, and make it responsive so it survives HubSpot's mobile breakpoints: wrap the iframe in a container with padding-bottom set as a percentage of width and position the iframe to fill it, or set a fixed height that suits the chart and test it narrow. This is the single most common reason an embedded chart looks broken on a published HubSpot page, and it is entirely on the embedding side, not HubSpot.

The HubSpot-specific catches

Three things trip people up. First, HTTPS: HubSpot pages are served over HTTPS, so an iframe pointing at an http source is blocked as mixed content and will not render - your chart URL must be https. Second, the editor preview is not the published page; embeds routinely show blank in the drag-and-drop editor and appear correctly once the page is published or previewed in a real browser tab, so publish before you conclude it is broken. Third, if you are dropping the embed into a blog post rather than a page, the same Insert then Embed path applies but the module choices are narrower - the dedicated Embed module is a page and landing-page convenience.

You don't need a widget app for your own chart

HubSpot's marketplace is full of chart and dashboard widget apps, and its own documentation leans toward embedding external content on dashboards. For a chart you have already built and can serve as an iframe, none of that is required - the native Embed module renders it directly. Reach for a marketplace widget when you need a data connector you do not have; for a self-hosted interactive chart, the built-in embed is the whole job.

[QUADESTO-EMBED: responsive iframe of an interactive finance chart sized to fill a padding-bottom wrapper, HTTPS source, rendered on a published HubSpot page]

Building it in Quadesto

Quadesto gives every chart an https embed snippet with a responsive wrapper already in place, so it drops into a HubSpot Embed module and sizes correctly the first time - the same path that works for Wix, Squarespace, and WordPress. The free tier embeds live with a Made with Quadesto credit; Pro (149 pounds a month) removes the attribution and adds branded themes for a marketing page.