Interactkit

Set up

Install the widget

One line of code puts your concierge on your site. Copy it from your concierge’s page in the dashboard - it already has your kit ID.

Paste this before the closing </body> tag (replace YOUR_KIT_ID with the one from your dashboard):

<script src="https://cdn.interactkit.dev/widget.js?kit=YOUR_KIT_ID&api=https%3A%2F%2Fapi.interactkit.dev" async></script>

The chat bubble appears in the bottom-right corner. Nothing else to configure.

Where to paste it

Shopify
  1. From your Shopify admin, go to Online Store → Themes.
  2. Click the … (Actions) menu on your live theme → Edit code.
  3. Open layout/theme.liquid in the file list.
  4. Paste the snippet just before the closing </body> tag, then Save.
WordPress
  1. Install a header/footer scripts plugin (e.g. "WPCode" or "Insert Headers and Footers").
  2. Open its settings and find the Footer / Body box.
  3. Paste the snippet there and Save.
  4. (Advanced: Appearance → Theme File Editor → footer.php, before </body>.)
Google Tag Manager
  1. In Google Tag Manager, go to Tags → New.
  2. Choose tag type Custom HTML and paste the snippet.
  3. Set the trigger to All Pages.
  4. Save, then Submit / Publish your container.
Wix
  1. In your Wix dashboard, go to Settings → Custom Code.
  2. Click + Add Custom Code.
  3. Paste the snippet, set it to load on All pages, and place it in the Body - end.
  4. Apply and publish your site.
Webflow / Framer / Squarespace
  1. Open your site/project Settings → Custom Code.
  2. Paste the snippet into the Footer Code (before </body>) box.
  3. Save, then publish your site.
Plain HTML
  1. Open your site's shared layout or footer template.
  2. Paste the snippet just before the closing </body> tag.
  3. Deploy so every page includes it.

How to know it’s working

As soon as the widget loads on your site, your concierge’s page in the dashboard flips to “Installed ✓” automatically - you don’t have to do anything. It moves to “Live” the first time a visitor opens the chat.