Installation

Jump to instructions on how to install SimpleHeatmaps on your platform of choice.

Custom

If you have access to the source code of your website, you can manually install our JavaScript library. In general, you'll need to copy and paste the highlighted code snippet right before the closing tag on any pages of your website you want to use with SimpleHeatmaps. If you have a layout and/or template that the website uses you should copy and paste the code snippet in there.

Drupal

We're building a Drupal module that will be available soon.

Google Tag Manager

To install the SimpleHeatmaps library on your site using Google Tag Manager, copy our JavaScript snippet and then follow the steps below.

  1. Click Add a new tag.
  2. Select Custom HTML Tag.
  3. Enter SimpleHeatmaps as the Tag Name & paste the code in the HTML field.
  4. Select Continue then All pages to ensure SimpleHeatmaps loads on all pages.
  5. Click Create Tag then Publish at the top right corner.

HubSpot

To install the SimpleHeatmaps library on your HubSpot site, copy our JavaScript snippet and then follow the steps below.

  1. Go to the "Content Settings" section of Hubspot.
  2. Go to the "Page Publishing" section.
  3. Paste the SimpleHeatmaps code.

Instapage

To install the SimpleHeatmaps library on your Instapage site, copy our JavaScript snippet and then follow the steps below.

  1. Login to Instapages and open your landing page.
  2. Click on Settings from your edit screen.
  3. Click on the JavaScript button.
  4. Paste the SimpleHeatmaps code into the Header.

Joomala

To install the SimpleHeatmaps library on your Joomala site, copy our JavaScript snippet and then follow the steps below.

  1. Log into the Joomla Administration panel.
  2. Click on the Template Manager link.
  3. Click the Templates tab.
  4. Locate the template your site is using, then click on its title.
  5. Click the Edit main page template link.
  6. Locate the closing tag and insert the code above it.
  7. Click the Save & Close button.

LightCMS

To install the SimpleHeatmaps library on your LightCMS site, copy our JavaScript snippet and then follow the steps below.

  1. Log into your LightCMS website.
  2. Go to your Content page
  3. Click on the Page Settings wheel on the right
  4. Click the Advanced tab
  5. Scroll down to the HTML head section
  6. Paste the copied code exactly as you copied it in this field
  7. Click Save my changes at the bottom

Magneto

To install the SimpleHeatmaps library on your Magneto site, copy our JavaScript snippet and then follow the steps below.

  1. From the Admin menu, select System > Configuration.
  2. In the panel on the left, select Design.
  3. Click to expand the HTML Head section.
  4. In the Miscellaneous Scripts text box, paste the SimpleHeatmaps code.
  5. Click the Save Config button.
  6. Disable Placeholder Polyfill

Prestashop

To install the SimpleHeatmaps library on your Prestashop site, copy our JavaScript snippet and then follow the steps below.

  1. Open a Prestashop template (.tpl file)
  2. Paste the JavaScript code inside the {literal}{/literal} tags.

Shopify

To install the SimpleHeatmaps library on your Shopify site, copy our JavaScript snippet and then follow the steps below.

  1. Log into your Shopify account.
  2. Click on Online Store.
  3. Click on Themes.
  4. Click on the '...' icon on the top right and choose 'Edit HTML/CSS'.
  5. Under layout select theme.liquid.
  6. Scroll in the page until you find the following tag: [/head].
  7. Paste the SimpleHeatmaps code just before this tag.

SquareSpace

To install the SimpleHeatmaps library on your SquareSpace site, copy our JavaScript snippet and then follow the steps below.

  1. Go to the settings (wheel icon) of your SquareSpace account.
  2. From the Settings menu, navigate to: Advanced > Code Injection.
  3. Paste the SimpleHeatmaps code in the Header section textarea.

Unbounce

To install the SimpleHeatmaps library on your Unbounce site, copy our JavaScript snippet and then follow the steps below.

  1. Login to Unbounce and open your landing page.
  2. Click on Javascripts from your edit screen.
  3. Paste the SimpleHeatmaps code into the Head.

Weebly

To install the SimpleHeatmaps library on your Weebly site, copy our JavaScript snippet and then follow the steps below.

  1. Log into your Weebly Admin Dashboard.
  2. From the top navigation bar click Settings.
  3. From the left Panel click on SEO.
  4. Paste the SimpleHeatmaps code.
  5. Click on Save.
  6. Publish your site.

Wix

Unfortunately Wix does not support the ability to add custom JavaScript to the head section of a website.

WordPress

You can install SimpleHeatmaps on your WordPress site by using our official plugin.

QuickSilk

To install the SimpleHeatmaps library on your QuickSilk site, copy our JavaScript snippet and then follow the steps below.

  1. Select Settings on your QuickSilk dashboard.
  2. Scroll down to your Settings and select Head Code Insertion on the left.
  3. Paste the SimpleHeatmaps code and click Save.

Smarty Templates

If the platform runs on the Smarty template engine (WHMCS, Prestashop, etc) you will need to ensure that the SimpleHeatmaps code is wrapped in {literal} tags to prevent any issues.

Paste the SimpleHeatmaps code into a template file such as header.tpl inside {literal}{/literal} tags.

{literal}
/* paste code in here */
{/literal}

The Table Of Contents