How to Add AI User Guidance to Squarespace, Wix, Webflow & WordPress

ActivationKit installs with a single script tag. No npm, no build step, no framework dependency. If your platform lets you paste HTML, you can have AI-powered user guidance running in under 2 minutes.

This guide covers five platforms: Squarespace, Wix, Webflow, WordPress, and Shopify. The script is the same everywhere — only the injection method differs.

And yes — the free plan (25 AI conversations/month) works on all of them. No credit card required.

The Script

Every platform below uses the same snippet. Copy this and keep it handy:

<script src="https://cdn.activationkit.com/sdk.js" data-key="YOUR_API_KEY"></script>

Replace YOUR_API_KEY with the key from your ActivationKit dashboard. That's the only customization needed.

Squarespace

Requires Business plan or higher

Site-wide (recommended)

1. Go to Settings → Advanced → Code Injection
2. Paste the script in the Footer field
3. Click Save

Footer is better than Header here — the SDK loads after the DOM is ready, which is exactly what it needs to observe your page.

Single page only

1. Edit the page → click Add Block → Code
2. Paste the script
3. Turn off Display Source

Wix

Option 1: Custom Code (easiest)

1. Go to Settings → Custom Code (or search "Custom Code" in the dashboard)
2. Click + Add Custom Code
3. Paste the script
4. Set placement to Body - end
5. Apply to All pages (or choose specific pages)
6. Click Apply

Requires Wix Premium (any paid plan).

Option 2: Wix Editor (HTML Embed)

1. In the editor, click Add (+) → Embed Code → Custom Element or HTML iframe
2. Choose Enter Code
3. Paste the script inside a minimal HTML wrapper

Webflow

Site-wide

1. Go to Project Settings → Custom Code
2. Paste the script in the Footer Code section
3. Click Save Changes
4. Publish your site (custom code only runs on published sites, not in the designer)

Single page

1. Open the page in the Designer
2. Go to Page Settings (gear icon) → Custom Code → Before </body> tag
3. Paste the script and publish

WordPress

Option 1: Theme file (self-hosted WordPress)

1. Go to Appearance → Theme File Editor
2. Open footer.php (or header.php)
3. Paste the script just before </body> (in footer.php) or before </head> (in header.php)
4. Click Update File

Option 2: Plugin (easier, survives theme updates)

1. Install a code injection plugin like WPCode (free) or Insert Headers and Footers
2. Add the script to the Footer section
3. Set it to load on All Pages
4. Save

Shopify

1. Go to Online Store → Themes
2. Click Actions → Edit Code on your active theme
3. Open theme.liquid
4. Paste the script just before </body>
5. Click Save

Works on all Shopify plans. No app install needed.

Verify It's Working

After installing on any platform:

1. Open your site in a browser (not the editor preview — some platforms don't run custom code in preview)
2. Look for the ActivationKit chat widget in the bottom-right corner
3. Open browser DevTools → Console and look for [ActivationKit] log messages
4. Type a question in the widget — if you get a response, you're live

Why This Works Without Configuration

Traditional product tour software would need you to open a visual editor, click on elements, write tooltip copy, set trigger rules, and test across pages. On Squarespace or Wix, that's nearly impossible because the DOM structure is generated and unpredictable.

ActivationKit doesn't need any of that. The AI agent observes your page's DOM in real time — it reads button labels, navigation structure, form fields, disabled states, and visible content. When a user asks "how do I change my email?" the agent finds the relevant UI elements on the current page and guides them there.

No selectors to maintain. No tours to rebuild when your template changes. No visual editor sessions. Just paste the script and the AI handles the rest.