Use code snippets with HubSpot content

Code snippets allow custom scripts or markup to be added to HubSpot-hosted content. Common use cases include analytics tracking, third-party integrations, and custom functionality that must load in the head or footer of a page.

Before you get started

Before using code snippets with HubSpot content, review the requirements and considerations.

Understand limitations & considerations

• Code snippets can be added at two levels:

  • To a specific page, blog post, or knowledge base article.
  • To all HubSpot-hosted content on a specific domain.
• Review the embed instructions for any external code snippets to confirm whether they should be added to the head, body, or footer HTML of your content.
• Editing options for head and footer HTML vary by subscription and content type.
• Header or footer HTML configured for all domains, or for a domain used for quotes, will appear on quotes as well as website content.

Add code snippets to specific content

Use this method when code snippets should apply only to an individual page, blog post, or knowledge base article.

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
   • Blog: In your HubSpot account, navigate to Content > Blog.
   • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
2. Click the name of your content. 
3. In the content editor, click the Settings menu and select Advanced. 
4. In the Additional code snippets section of the dialog box, enter your code snippet into the Head HTML or Footer HTML field.
5. When finished, click Publish or Update to take your changes live.

Please note: the footer HTML field is not available for blog posts or knowledge base articles.

Add code snippets to all content hosted on a specific domain

Use this method when code should apply across all HubSpot-hosted content on a domain, such as site-wide tracking scripts. 

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Pages.
3. Click the Choose a domain to edit its settings dropdown menu and select a domain. To apply the same code to all HubSpot-hosted content, select Default settings for all domains. 
4. To edit the header or footer for a specific domain, click Override default settings in the Site Header HTML or Site Footer HTML section. Code added to the default settings will no longer apply to this domain's content. 
5. To revert a specific domain's header or footer HTML to the Default settings for all domains instead, click Apply default settings. 
6. Enter your code snippets.
7. In the bottom left, click Save to apply your changes.