Resources/Getting Started/Install on WordPress, Shopify & more

Install on WordPress, Shopify & more

Platform-specific steps for adding the Spectry snippet to popular CMS and e-commerce platforms.

Spectry's install dialog provides ready-made instructions for the most common platforms. The goal is always the same: get the snippet into the <head> of every page. Copy your exact snippet from Sites → the menu → Install first.

WordPress

  1. In your WordPress admin, install a "header & footer scripts" plugin (or use your theme's header settings).
  2. Paste the Spectry snippet into the header section so it loads on every page.
  3. Save and clear any caching plugin.

Shopify

  1. Go to Online Store → Themes → Edit code.
  2. Open theme.liquid and paste the snippet just before </head>.
  3. Save. The snippet now loads on all storefront pages.

WooCommerce

WooCommerce runs on WordPress — follow the WordPress steps above. The snippet will also cover cart and checkout pages, which is important for checkout funnels.

Magento

  1. Go to Content → Design → Configuration and edit your theme.
  2. Under HTML Head → Scripts and Style Sheets, paste the snippet.
  3. Save and flush the cache.

Drupal

  1. Use a module such as "Asset Injector" (or your theme's html.html.twig).
  2. Add the snippet to the head region so it loads site-wide.
  3. Clear caches.

Custom / hand-coded sites

Paste the snippet directly into your base HTML template's <head>. For single-page apps (React, Vue, Angular), add it to the root index.html — Spectry automatically tracks client-side route changes.

Platform install tabs
After installing, always verify tracking.

Put this to work on your own site.

Heatmaps, session replays, funnels and experiments in one platform. Set it up in minutes, no credit card needed, and early-access members earn exclusive rewards.