Skip to main content

Hubspot CMS Setup Guide

Script​

  1. In your HubSpot account, navigate to Marketing > Website > Website Pages or Landing Pages.
  2. Hover over the page that you want to edit, then click Edit.
  3. In the page editor, click the Settings tab.
  4. Click Advanced options.
  5. In the Footer HTML section, paste the script tag from the SDK documentation:
<script
  id="auroraLCAI"
  data-org-id="your-organization-id"
  src="https://leads.aurorasolar.com/lead-capture-sdk-v1.js"
  type="text/javascript"
></script>

Note: Be sure to update the data-org-id value with that of your organization.

Discovery Widget​

  1. In your HubSpot account, navigate to Marketing > Website > Website Pages or Landing Pages.
  2. Hover over the page that you want to edit, then click Edit.
  3. On the left side of the page editor is the list of modules that can be added to the page. Find the Rich Text module under Common modules. Drag it into the page where you want the Discovery Widget to be located.
  4. The Rich Text module will insert itself with some example text. A toolbar should be available across the top of the page editor if the Rich Text module is selected.

hubspot rich text editor

  1. Hover over the Advanced dropdown and select Source code

  2. Replace all of the text with the html snippet from the SDK documentation:

    <div id="lcaiWidget"></div>

  3. Click Save changes

Button (to open Lead Capture Experience)​

  1. In your HubSpot account, navigate to Marketing > Website > Website Pages or Landing Pages.
  2. Hover over the page that you want to edit, then click Edit.
  3. On the left side of the page editor is the list of modules that can be added to the page. Find the Rich Text module under Common modules. Drag it into the page where you want the Button to be located.
  4. The Rich Text module will insert itself with some example text. A toolbar should be available across the top of the page editor if the Rich Text module is selected.

hubspot rich text editor

  1. Hover over the Advanced dropdown and select Source code

  2. Replace all of the text with the html snippet from the SDK documentation:

    <button class="lcaiCta">Button text</button>

    Note: Be sure to insert your own button text.

  3. Click Save changes