> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://knowledge.clym.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to install Clym on a HubSpot website


## Step-by-step guide for installing Clym on your HubSpot website

If you feel this is a task better suited for your webmaster or developer, please send them this knowledge base article. Installing Clym on a HubSpot website is a 3-step process:

* [Select the HubSpot integration](#3-1-select-the-hubspot-integration)
* [Add a Custom HTML module to your site's footer](#3-2-add-a-custom-html-module-to-your-sites-footer)
* [Generate links such as "Privacy Center" and "Do not sell or share my personal information"](#3-3-copypaste-the-links-for-privacy-center-and-do-not-sell-or-share-my-personal-information)

### 1. Select the HubSpot integration

Please [__sign in to your Clym Control Center account__](https://www.auth.clym.io/). From the left-hand side menu, toggle to **Integrate**. Click **Platform tools** to expand the menu options and choose **Widget**. From the screen, select **Hubspot**.

![Hubspot embed code](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/cc-hubspot-1_hdi2yj.png)

Click **Copy to clipboard** to copy your Clym embed code from the **Copy the code below** field.

![Hubspot embed code preview](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/cc-hubspot-3_1wumana.png)

Log into your HubSpot account and hover over **Marketing** and **Website** to access **Website Pages**.

![Hubspot dashboard](https://storage.crisp.chat/users/helpdesk/website/e04f4885836a0000/10915c53-47e2-4abe-8951-3007cb_strhza.gif)

Open your website editor and toggle to **Settings**. Expand the Advanced options menu and scroll down to the Additional code snippets area to find **Head HTML**. Paste your Clym embed code into the field. Click **Update**.

![Additional code snippets section](https://storage.crisp.chat/users/helpdesk/website/ed6502097694e000/716e7bcc-bb57-4bae-aaab-9cb3ff_4horep.gif)

**Note that, to facilitate compliance, this script has to be inserted as the first script under the "head" section of your website. Failure to do so might allow third-party scripts to be loaded on your website and, depending on regulation, that might result in non-compliance. For easy viewing, you may leave space in between the Clym script and any following scripts or code.**

### 2. Add a Custom HTML module to your site's footer

Click **edit** next to your site's home page to open your site editor, and from your site editor, scroll to the **Footer** section at the bottom of the page.

![Scroll to footer section](https://storage.crisp.chat/users/helpdesk/website/e5502116811ef000/efb6b330-62de-491e-95e3-0d9261_1x9g459.gif)

Click the pencil icon in the top right corner to **Edit module**. Click **Open in global content editor** from the pop-up window.

![Edit global content](https://storage.crisp.chat/users/helpdesk/website/9597cbae3f880000/2ab07f98-448c-4651-9d67-abc517_z2n6y9.gif)

Search for **Custom HTML** and drag this module into your site's footer.

![Custom HTML module](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/hubspot-gif-5_ufx2dd.gif)

### 3. Generate links such as "Privacy Center" and "Do not sell or share my personal information"

Return to your Clym Control Center to [__generate your custom footer link embed codes__](https://clymio.crisp.help/en/article/how-to-generate-a-custom-footer-link-x0laqs/), such as **Privacy Center** and **Do not sell or share my personal information**. Return to Shopify and paste the **Privacy Center** and **Do not sell or share my personal information** embed codes from Clym one at a time. Return to HubSpot and paste the **Privacy Center** and **Do not sell or share my personal information** embed codes into the **Footer HTML** section one at a time. Click **Apply Changes** to publish your website.

![Paste custom footer link embed codes](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/hubspot-gif-6_1h7h5qx.gif)

You're all set! Clym's widget will now display on your website based on how you set up your widget layout.

Please note that based on your geolocation, you may not see the privacy widget if there are no regulations that apply to your jurisdiction. If you would like to provide users a way to open the widget if this scenario applies to them, you can [add a footer link to your website](https://clymio.crisp.help/en/article/how-to-generate-a-custom-footer-link-x0laqs/).

If you encounter any challenges, please reach out to us at [support@clym.io](mailto:support@clym.io).