Support Center & Documentation

How can we help you?

Everything you need to install the VisitorPing tracking snippet, find your site key, configure alert channels, and verify live edge ingestion.

Where do I get my Site Key?

Your Site Key is a unique identifier starting with vp_live_... generated for each tracked website.

1. Add Website

Enter your site name & domain on the Websites page.

2. Click "Copy Key"

Click the 1-tap copy button next to your site or copy the full tracking snippet.

3. Replace YOUR_SITE_KEY

Paste the snippet into your website header and click Test Installation.

Framework Installation Guides

Step-by-step instructions for major website builders and frameworks.

Test Your Snippet↗

Vanilla HTML / Custom Sites

Paste the `<script>` tag inside your `<head>` or before the closing `</body>` tag on all pages.

<script defer src="https://cdn.visitorping.com/vp.js" data-site="YOUR_SITE_KEY"></script>

WordPress / WooCommerce

Install via our official WordPress plugin or paste the code into 'Insert Headers and Footers' (WPCode).

<!-- Add to Header/Footer scripts or functions.php -->
<script defer src="https://cdn.visitorping.com/vp.js" data-site="YOUR_SITE_KEY"></script>

Shopify Store Integration

Go to Shopify Admin → Online Store → Themes → Actions → Edit code → theme.liquid and paste before </head>.

<!-- In Shopify theme.liquid before </head> -->
<script defer src="https://cdn.visitorping.com/vp.js" data-site="YOUR_SITE_KEY"></script>

Next.js (App Router & React)

Use the Next.js `<Script />` component in your root `app/layout.tsx`.

import Script from 'next/script';

<Script
  src="https://cdn.visitorping.com/vp.js"
  data-site="YOUR_SITE_KEY"
  strategy="afterInteractive"
/>

Webflow Integration

Go to Site Settings → Custom Code → Head Code, paste the snippet, and publish your site.

<!-- Webflow Head Code -->
<script defer src="https://cdn.visitorping.com/vp.js" data-site="YOUR_SITE_KEY"></script>

Squarespace Integration

Go to Settings → Advanced → Code Injection → Header, paste the snippet, and save.

<!-- Squarespace Header Code Injection -->
<script defer src="https://cdn.visitorping.com/vp.js" data-site="YOUR_SITE_KEY"></script>

Frequently Asked Questions

Common questions about finding your site key, doorbell latency, security, and lead scoring.

Where do I get my unique Site Key (data-site)?

−

Every website you add to VisitorPing is assigned a unique key (e.g., vp_live_9a8b7c6d5e4f3a2b). You can find and copy it anytime by visiting Dashboard → Tracked Websites (/dashboard/sites). Simply click 'Copy Key' or 'Copy Snippet'.

How can we help you?

Where do I get my Site Key?

Framework Installation Guides

Vanilla HTML / Custom Sites

WordPress / WooCommerce

Shopify Store Integration

Next.js (App Router & React)

Webflow Integration

Squarespace Integration

Frequently Asked Questions

Where do I get my unique Site Key (data-site)?

How does the 1-second doorbell alert work?

Will VisitorPing slow down my website?

Is VisitorPing GDPR & CCPA compliant?

What triggers a 'Hot Lead' alert?

Can I receive alerts on multiple devices or with my team?

How can we help you?

Where do I get my Site Key?

Framework Installation Guides

Vanilla HTML / Custom Sites

WordPress / WooCommerce

Shopify Store Integration

Next.js (App Router & React)

Webflow Integration

Squarespace Integration

Frequently Asked Questions

Where do I get my unique Site Key (data-site)?

How does the 1-second doorbell alert work?

Will VisitorPing slow down my website?

Is VisitorPing GDPR & CCPA compliant?

What triggers a 'Hot Lead' alert?

Can I receive alerts on multiple devices or with my team?