Setup Snappy in HubSpot

Published on

Install Snappy in HubSpot

Adding Snappy to your HubSpot website is straightforward and gives your marketing team the freedom to optimize your site without developer involvement.

Overview
  1. Accessing HubSpot settings
  2. Adding the Snappy script
  3. Verifying installation
  4. Troubleshooting

Accessing HubSpot Settings

To get started with Snappy on your HubSpot site:

  1. Log in to your HubSpot account
  2. Click on the Settings icon (gear) in the main navigation bar
  3. In the left sidebar, select Website → Pages & Templates

This will bring you to the website settings where you can modify your HubSpot site's code.

Adding the Snappy Script

HubSpot provides multiple ways to add custom code to your site depending on your needs:

To add Snappy to all pages on your HubSpot site:

  1. In Pages & Templates, click on Advanced → Site Header
  2. In the HTML editor, paste your Snappy script just before the closing </head> tag:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>
  1. Make sure to replace YOUR_DOMAIN with the domain the script should be installed on
  2. Click Save to apply your changes

Method 2: Using HubL to Add to Templates

If you want more control over which templates include Snappy:

  1. Navigate to Marketing → Website → Website Pages
  2. Select a template to edit
  3. Click Edit → Edit Template
  4. In the template editor, find the <head> section
  5. Add your Snappy script before the closing </head> tag:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>
  1. Make sure to replace YOUR_DOMAIN with the domain the script should be installed on
  2. Click Publish changes to save

Verifying Installation

To confirm Snappy is working correctly:

  1. Visit your live HubSpot website in a web browser
  2. Right-click and select View Page Source
  3. Search (Ctrl+F or Cmd+F) for "letsbesnappy.com" - you should see your script in the head section
  4. Log in to your Snappy dashboard - your HubSpot site should appear as a connected site

Troubleshooting

If you're experiencing issues with your Snappy installation on HubSpot:

Script not appearing on all pages

HubSpot uses different templates and modules that might affect how scripts load:

  • If using Method 1 (Site Header), verify the code was properly saved
  • If using Method 2, check that you've updated all necessary templates
  • For landing pages created with the landing page editor, you may need to add the script separately

HubSpot modules and limitations

Some HubSpot features interact differently with custom code:

  1. For HubSpot CMS Hub Professional or Enterprise users, use the site-wide header injection option
  2. For CMS Hub Starter, you may need to add the script to individual templates
  3. HubSpot landing pages may need separate configuration in some cases

After theme updates

When updating your HubSpot theme:

  • Check that your custom code remains in place
  • If the script disappears, re-add it using the appropriate method
  • Consider documenting your Snappy installation details for future reference

Working with A/B tests

If you're using both HubSpot's native A/B testing and Snappy:

  1. Make sure to add the Snappy script to all variants
  2. Consider using only one testing platform at a time on a single page to avoid conflicts
  3. For complex scenarios, contact our support team for guidance

With Snappy successfully installed on your HubSpot site, you're ready to start creating widgets, conducting A/B tests, and optimizing your site without waiting for development cycles.

Ready to transform your HubSpot site? Login to your Snappy dashboard and begin creating your first optimization today!