Installation

Add the GetIntent script to your website and start personalizing content in under 60 seconds. The script is approximately 5KB gzipped, loads asynchronously, and has zero impact on Core Web Vitals.

Basic Installation

Paste the following script tag just before the closing </body> tag on every page you want to personalize:

<script
  src="https://getintent.co/api/pixel"
  data-api-key="gi_xxxx"
  data-site-id="YOUR_SITE_ID"
></script>

You can find your API key and Site ID in the Dashboard > Install page.

Script Attributes

Attribute	Required	Description
data-api-key	Yes	Your API key, starting with `gi_`
data-site-id	Yes	Your unique site identifier from the dashboard
data-debug	No	Set to `"true"` to enable console logging for troubleshooting

Custom Parameters

You can pass custom data to GetIntent in two ways. Custom parameters are available in your analytics and can influence personalization logic.

Via HTML attributes

Add data-custom-* attributes directly on the script tag:

<script
  src="https://getintent.co/api/pixel"
  data-api-key="gi_xxxx"
  data-site-id="YOUR_SITE_ID"
  data-custom-industry="saas"
></script>

Via JavaScript

Define a global config object before the script loads:

<script>
  window.getintentConfig = {
    customParams: {
      industry: "saas",
      plan: "enterprise"
    }
  }
</script>

Platform-Specific Instructions

WordPress

Option A: Edit your theme's header.php file and paste the script tag just before the closing </body> tag.

Option B: Install the "Insert Headers and Footers" plugin. Go to Settings > Insert Headers and Footers and paste the script in the "Scripts in Footer" section.

Webflow

Go to Project Settings > Custom Code > Footer Code. Paste the script tag and publish your site.

Shopify

Go to Online Store > Themes > Edit Code > theme.liquid. Paste the script tag just before the closing </body> tag.

Next.js / React

Use the Next.js Script component in your root layout or page:

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://getintent.co/api/pixel"
          data-api-key="gi_xxxx"
          data-site-id="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

Custom HTML

Paste the script tag directly before the closing </body> tag in your HTML file. No build tools or framework required.

Custom Domain (Optional)

Serve the GetIntent script from your own domain for better ad-blocker resistance and first-party context.

Go to Settings > Domains in the dashboard.
Add a CNAME record on your DNS provider pointing your chosen subdomain (e.g. t.yourdomain.com) to getintent.co.
Return to the dashboard and click Verify. Once the DNS propagates, the status will change to active.
An SSL certificate is provisioned automatically. Your script will now load from your own domain.

Verifying Installation

There are three ways to confirm the script is working correctly:

1. Debug attribute

Add data-debug="true" to your script tag. This enables verbose logging in the browser console so you can see every step of the personalization process.

2. Browser console

Open your browser's developer tools and check the Console tab. With debug mode enabled, look for messages prefixed with [GetIntent] — you'll see logs like “Content ready after X attempts” and “Scraped X elements”.

3. Dashboard check

Go to Dashboard > Install. It shows whether the script has been detected on your site and displays the last time a ping was received.