> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usertick.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Platform guides

> Add the Usertick tag on WordPress, Shopify, Webflow, Wix, Squarespace and other website builders, stores and tag managers, step by step.

Every platform below adds the same tag to the head of your pages. Copy the tag from **Settings → Sites** in Usertick first (see [Copy the install code](https://docs.usertick.com/installation/website.md#copy-the-install-code)); in the steps it reads:

```html theme={null}
<script async src="https://cdn.usertick.com/s/YOUR_SITE_ID.js"></script>
```

The steps use the menu names in each platform's own help pages. For a site built with your own code, see [Install on your website](https://docs.usertick.com/installation/website.md) for the script tag or [Install with npm](https://docs.usertick.com/installation/npm.md) for React, Next.js, Vue, Nuxt, Angular, Svelte, Astro, Remix and Gatsby.

After the change is live on your site, go to **Settings → Sites**, open the site's tab and select **Check now**. The check reads the HTML of the home page, as [Check the install](https://docs.usertick.com/installation/website.md#check-the-install) describes.

## Website builders and stores

### WordPress

In WordPress, a header code plugin adds the tag to every page. These steps use WPCode, which is free.

1. In the WordPress admin, go to **Plugins → Add New Plugin**, search for WPCode, then install and activate it.
2. Go to **Code Snippets → Header & Footer** and paste the tag into the **Header** box.
3. Select **Save Changes**.
4. If the site uses a page cache, clear it so that visitors get the new pages.

To add the tag without a plugin, print it from the child theme's `functions.php` on the `wp_head` action. Changes to a parent theme are lost when the theme updates.

### WooCommerce

A WooCommerce store runs on WordPress, so the tag is added in WordPress and covers the store's pages too. Follow the [WordPress](#wordpress) steps.

### Shopify

In Shopify, the tag goes into the theme's layout file, which every storefront page uses.

1. In the Shopify admin, go to **Online Store → Themes**.
2. On the theme, select **…** and then **Edit code**.
3. Open `layout/theme.liquid` and paste the tag right before `</head>`.
4. Save the file. The widget loads the next time a storefront page opens.

Checkout pages don't use this layout, so the widget doesn't run there. While the store's password page is on, visitors and the install check get the password page, which doesn't include the tag.

### Webflow

In Webflow, site-wide custom code adds the tag to every page.

1. Open **Site settings** and select the **Custom code** tab.
2. Paste the tag into the **Head code** section and select **Save changes**.
3. Publish the site. Custom code goes live only on the published site.

Webflow allows custom code on a paid Workspace or on a site with an active Site plan.

### Wix

In Wix, custom code added in the site's settings loads on every page of the published site.

1. In the site's dashboard, go to **Settings** and select **Custom Code** under **Development & integrations**.
2. Select **+ Add Custom Code** and paste the tag.
3. Under **Add Code to Pages** select **All pages**, under **Place Code in** select **Head**, then select **Apply**.

Wix runs custom code only on a published site with a connected domain. When the site moves to a different domain, Wix deletes its custom code, so add the tag again after a domain change.

### Squarespace

In Squarespace, code injection adds the tag to the head of every page.

1. Open the **Code Injection** panel in the site's settings.
2. Paste the tag into the **Header** field and select **Save**.

Code injection is part of the Core, Plus and Advanced plans. Squarespace doesn't run injected code on checkout pages.

### Framer

In Framer, a custom script added in the project's settings loads on every page of the published site.

1. Open the project's settings and select the **Custom Code** tab.
2. Select **Add Script**, name it, paste the tag and place it at the end of the head.
3. Leave the script on all pages and publish the site.

Framer doesn't load custom code in the canvas preview, so the widget appears only on the live site.

### Ghost

In Ghost, code injection adds the tag to the head of every page.

1. In Ghost Admin, go to **Settings → Advanced → Code injection**.
2. Paste the tag into **Site header** and save.

### HubSpot

For pages hosted on HubSpot, the site header HTML setting adds the tag to every page of a domain.

1. Select the settings icon in the top navigation bar, then go to **Content → Pages**.
2. Choose the domain in the **Choose a domain to edit its settings** menu.
3. Paste the tag into **Site header HTML** and select **Save**.

The setting needs the **Website settings** permission, and it covers only content hosted on HubSpot.

### BigCommerce

In BigCommerce, Script Manager loads the site's file on every storefront page. It takes the file's address, so there is no tag to paste.

1. Go to **Storefront → Script Manager** and select **Create a Script**.
2. Set **Placement** to **Head**, **Location** to **Storefront pages**, **Script type** to **URL** and **Load method** to **Async**, then choose a script category.
3. Enter the file's address as the script URL and select **Save**:

```text theme={null}
https://cdn.usertick.com/s/YOUR_SITE_ID.js
```

Script Manager is available on Stencil themes. In the store's cookie banner, shoppers can turn off every script category except Essential, and a script in a category they turned off doesn't load for them.

### Magento

In Magento and Adobe Commerce, the HTML head setting of the design configuration adds the tag to every page of a store view.

1. In the Admin, go to **Content → Design → Configuration** and select **Edit** on the store view.
2. Under **Other Settings**, expand **HTML Head** and paste the tag into **Scripts and Style Sheets**.
3. Select **Save Configuration**.
4. If the storefront still shows the old pages, flush the cache.

On checkout pages, Magento runs only the scripts that the store's Content Security Policy allows.

### Bubble

In Bubble, the app's header setting adds the tag to every page.

1. Open the **Settings** tab and select **SEO / metatags**.
2. Under **Advanced settings**, paste the tag into **Script/meta tags in header**.
3. Deploy the app to live.

### Carrd

In Carrd, a hidden embed element places the tag in the site's head.

1. Select **Add Element**, then **Embed**.
2. Set **Type** to **Code** and paste the tag into the **Code** field.
3. Set **Style** to **Hidden** and choose **Head** as the location, then publish the site.

Embeds need Carrd Pro Standard or higher. The builder doesn't run the embed, so the widget appears only on the published site.

### Unbounce

In Unbounce, Script Manager adds the tag to every landing page of a domain.

1. Select **Settings** in the left menu, then **Script Manager**.
2. Select **Add a Script**, name it and select **Add Script Details**.
3. Set **Placement** to **Head** and paste the tag.
4. Select the domains the script applies to and select **Save Changes**.

Script Manager works only with a custom domain, and each domain has to be selected for the script.

### Joomla

Joomla has no setting for head code, so the tag goes into the site template's file.

1. In the administrator, go to **System → Site Templates** and select the template the site uses.
2. In the **Editor** tab, open the file that contains the head (`index.php` in the default template) and paste the tag before `</head>`.
3. Save the file.

A Joomla update overwrites changes to the default template. To keep the tag, create a child template first and edit that one.

## Tag managers

A tag manager adds the tag after the page loads, so the tag isn't in the page's HTML and **Check now** can't find it. To connect the site, also add the tag to the home page. Usertick runs one widget when both are on a page.

### Google Tag Manager

In Google Tag Manager, a Custom HTML tag that fires on all pages loads Usertick.

1. In the container, select **Tags**, then **New**.
2. Select **Tag Configuration**, choose **Custom HTML** and paste the tag.
3. Add the **All Pages** trigger, or a trigger for the pages that should show surveys.
4. Save the tag, then submit and publish the container.

### Adobe Tags

In Adobe Experience Platform Tags (formerly Adobe Launch), a rule with a custom code action loads Usertick on every page.

1. Open the **Rules** tab and select **Create New Rule**.
2. Add an event from the **Core** extension with the type **Library Loaded (Page Top)**, then select **Keep Changes**.
3. Add an action from the **Core** extension with the type **Custom Code**.
4. Set the language to **HTML**, paste the tag and select **Keep Changes**.
5. Select **Save Rule**, then add the rule to a library, build it and publish it.

### Matomo Tag Manager

In Matomo Tag Manager, a Custom HTML tag loads Usertick on every page view.

1. In the container, select **Create New Tag** and choose **Custom HTML**.
2. Paste the tag and set **Position** to **Head End**.
3. Attach a **Pageview** trigger, then create a version and publish it.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.