Embed in Hubspot

To embed a demo into Hubspot marketing pages you can use the design manager to create a module for your demo.

Hubspot's knowledge base (opens in a new tab) is a great starting point for this, but we've also explained how to do it step by step below.

Step by step

Create a Demo Module in Design Manager

1. In Hubspot go to the "Content" section
2. Under "Content" open "Design Manager"
3. Select File > Create New File Select "Module" from Components.
4. Select the type of content you plan on adding this module to, good defaults are "Landing Page" and "Blog Articles"
5. Choose a Local module Name the file something descriptive like "HowdyGoWalkthroughDemo" You can put the module in a directory called "Demos" to keep things organized.
6. Copy the embed code from HowdyGo into the module.html code section.
7. Publish

Add the module to your landing page

1. Go to Content > Landing pages
2. Find your landing page
3. Click the "+" button on the left hand menu
4. Scroll down to "Modules > All" or search for the name you chose (e.g. HowdyGoWalkthroughDemo)
5. Drag the module into the page.

Pro-tip: If you want to adjust the padding/styling of the demo on the page, it's recommended that you add a "Layout - Single Column" to the page and drag the module inside that element.