COS-General

How do I add third-party embed code to a HubSpot page?

Last updated: June 29, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

Using a Custom HTML module is an easy way to add third-party embed code to your HubSpot page. You may add the custom HTML module to your template layout or at the page level when using flexible columns.

Add a custom HTML module to a HubSpot template layout

  • Go to Content > Design Manager > locate and edit the desired template layout.
  • Find the Custom HTML module in the left sidebar module menu (if this menu does not appear, click the small arrow at center-left to show the available modules) and drag and drop the module into the desired area of your template layout.
  • Click the gear icon on the right-hand side of module and select Edit Options.
  • Paste your embed code into the Raw HTML box, then click Done.
  • Click Publish changes.


Add a custom HTML module to a HubSpot page

If you are editing a page using a template containing a flexible column, you may add the custom HTML module and paste your embed code into that module directly from the page editor (if you do not see the plus sign "+" on the left in the page editor, the template your page is using does not contain any flexible columns).

  • Go to Content > Landing Pages, Website Pages, or Blog.
  • Locate and edit the page you wish to add the custom HTML module to
  • Click the plus sign in the left-side menu within the page editor.
  •  Drag and drop the Custom HTML module onto your page.
  • Click on the Custom HTML module to edit and paste in your embed code.
  • Click Update or Publish to take your change live.


Common third-party embed codes

Twitter Feed

HubSpot Certification Badge > How do I embed the badge on my website?

Pay Pal button

Google Calendar

Google Maps

Instagram

Custom Google Search bar or add a Google Search module

Facebook ad conversion code