# Add Cuttl to your website in a few minutes.

> Add heatmaps, session recordings and A/B testing to any website with the Cuttl Tag. Guides for Shopify, WordPress, WooCommerce, Next.js, Django and more.

Source: https://cuttl.io/install/ · Last updated: 2026-10-27

The Cuttl Tag is a short piece of code for your page’s head. It runs heatmaps, session recordings and A/B tests. Pick where your site is built.

Where the Cuttl Tag goes: Your site, Every page, Inside <head>.

## Online stores.

### Shopify

Paste it into your theme’s theme.liquid.

### WooCommerce

Add it with a header code plugin, like any WordPress site.

### BigCommerce

Add it in Script Manager, in the head of all pages.

## Site builders and CMSs.

### WordPress

Use a header code plugin, or your theme.

### Webflow

Add it to the site’s head code, then publish.

### Wix

Add it as custom code on all pages.

### Squarespace

Add it with Code Injection.

### Framer

Add it to the site’s custom code, then publish.

### Ghost

Add it in Settings, under Code injection.

## Frameworks.

### Next.js

Add it to the root layout, for the App Router or Pages Router.

### React, Vue, Svelte and Astro

Add it to index.html or the base layout.

### Nuxt

Add it to app.head in nuxt.config.

### Gatsby

Add it to the head in gatsby-ssr.js.

### Laravel

Add it to your main Blade layout.

### Django

Add it to your base template.

## Marketing tools and tag managers.

### HubSpot

Add it to your domain’s site header HTML.

### Google Tag Manager

Add it as a Custom HTML tag on all pages.

## Any other website

Paste the Cuttl Tag from Cuttl’s Install tab inside <head> on every page, in the shared header or layout template. Then turn on Journey Insights or Web Experiments in Cuttl, because a new workspace starts with both off. Single-page apps need no extra code, because Cuttl counts each route change as a page view.

## Using an AI coding agent?

Point it at cuttl.io/agents.md. That page tells agents how to add the Cuttl Tag, check that data arrives and connect Cuttl’s MCP server, asking you first at each step.

## Install questions

### Where do I find my Cuttl Tag?

In Cuttl, open your site and go to the Install tab. Each site has its own Cuttl Tag, so copy it from there.

### Does Cuttl slow my site down?

No. The Cuttl Tag is under 1.7 KB and loads the rest in the background, so it never blocks the page. The session recorder only loads for sessions that are recorded.

### Can I use Google Tag Manager?

Yes. A/B tests may briefly show the original page first, though, so for tests the Cuttl Tag works best in the page’s head.

### Does it work on single-page apps?

Yes. Route changes in React, Vue, Next.js and similar apps count as page views, with no extra code.

### How do I know it’s working?

Turn on Journey Insights or Web Experiments first, because a new workspace starts with both off. Then open a page of your live site and check the Install tab in Cuttl. It shows when data last arrived.

### Can I leave out my own sessions?

Yes. Open any page of your site once with ?cuttl_ignore=1 at the end of the address, and that browser is no longer tracked.

## See where visitors get stuck.

Free for one site. Add the Cuttl Tag, turn on Journey Insights, and your first sessions show up in Cuttl.