Quick start

  1. Create an account and verify your email.
  2. Enter your website address. Karinda reads up to 300 pages (including your sitemap) and is usually ready in 1–5 minutes.
  3. Choose a name, colour and greeting, and try it.
  4. Paste the install code on your site. Your dashboard shows it with your business ID filled in.
<script src="https://app.karinda.in/karinda-widget.js" data-business-id="YOUR_BUSINESS_ID" async></script>

Install on your site

Paste the code once, just before </body>, and the assistant appears on every page. It loads asynchronously and runs inside its own sealed container (shadow DOM), so it can't affect your site's styles.

Pick your website builder. No access to your site's code? Use your chat link instead.

Website builders

WordPress

Works on any WordPress site. On WordPress.com you need the Business plan or higher to add plugins.

  1. Log in to your WordPress admin (usually yourwebsite.com/wp-admin).
  2. Go to Plugins → Add New Plugin, search for WPCode, click Install Now, then Activate.
  3. In the left menu, open Code Snippets → Header & Footer.
  4. Copy your code (your install code, from your dashboard) and paste it into the Footer box.
  5. Click Save Changes. Open your website: the chat button appears in the bottom-right corner.
Wix

Needs a Wix Premium plan and a connected domain (Wix only allows custom code on those sites).

  1. In your Wix dashboard, open Settings and scroll to Advanced → Custom Code.
  2. Click + Add Custom Code (top right).
  3. Copy your code (your install code, from your dashboard) and paste it into the box.
  4. Name it Karinda, choose All pages and Load code once, and set Place Code in to Body - end.
  5. Click Apply. It's live straight away, with no need to republish.
Shopify
  1. In Shopify admin, go to Online Store → Themes.
  2. Next to your live theme, click ⋯ and choose Edit code.
  3. In the Layout folder, open theme.liquid.
  4. Scroll to the bottom and find </body>. Copy your code (your install code, from your dashboard) and paste it on the line just above it.
  5. Click Save. Open your store: the chat button appears in the bottom-right corner.
Squarespace

Code Injection needs a Core, Business or Commerce plan (not Personal).

  1. In Squarespace, open Settings.
  2. Go to Advanced → Code Injection (on newer sites: Developer Tools → Code Injection).
  3. Copy your code (your install code, from your dashboard) and paste it into the Footer box.
  4. Click Save.
Hostinger

Hostinger has two kinds of websites. If yours is a WordPress site on Hostinger, use the WordPress guide instead.

  1. In hPanel, open Websites and click Edit website to open the Hostinger Website Builder.
  2. Open Website settings (gear icon) and go to Integrations.
  3. Find the Custom code box. Copy your code (your install code, from your dashboard) and paste it there.
  4. Click Save, then Update website (top right) to publish.
  5. Can't find Custom code on your plan? Use the chat link option below instead.
Webflow

Custom code needs a paid Webflow site plan.

  1. In Webflow, open your site's Site settings.
  2. Go to Custom code.
  3. Copy your code (your install code, from your dashboard) and paste it into Footer code.
  4. Click Save, then Publish your site.
Framer

Custom code may need a paid Framer plan.

  1. In Framer, open Site Settings → General and scroll to Custom Code.
  2. Copy your code (your install code, from your dashboard) and paste it into End of <body> tag.
  3. Click Save, then Publish.
GoDaddy

GoDaddy Website Builder doesn't allow code on every page, so use your chat link. (A WordPress site hosted by GoDaddy: use the WordPress guide.)

  1. Copy your chat link (your chat link, from your dashboard: https://chat.karinda.in/c/YOUR_BUSINESS_ID)
  2. In the GoDaddy editor, add a button (for example Chat with us) to your header or contact section.
  3. Set the button's link to your chat link, opening in a new tab.
  4. Click Publish. Visitors tap the button and chat with your assistant.
Google Sites

Google Sites doesn't allow code on every page, so add your chat as a button or a box on a page.

  1. Copy your chat link (your chat link, from your dashboard: https://chat.karinda.in/c/YOUR_BUSINESS_ID)
  2. In Google Sites, open the page where visitors should chat (for example Contact).
  3. Option A, a button: Insert → Button, name it Chat with us, paste the link, and click Insert.
  4. Option B, the chat on the page: Insert → Embed → By URL, paste the link, choose Whole page, click Insert, and drag the box bigger.
  5. Click Publish.
Blogger
  1. In Blogger, open Layout.
  2. In any section, click Add a Gadget and choose HTML/JavaScript.
  3. Leave the title empty. Copy your code (your install code, from your dashboard) and paste it into Content.
  4. Click Save. The chat button appears on every page of your blog.
Weebly
  1. In the Weebly editor, open Settings → SEO.
  2. Copy your code (your install code, from your dashboard) and paste it into Footer Code.
  3. Click Save, then Publish.

Hosting and code

Cloudflare

If your domain uses Cloudflare (orange cloud), you can add it without touching your website's code, whoever built it.

  1. Log in to Cloudflare and click your website's domain.
  2. In the left menu, open Zaraz and go to Tools Configuration.
  3. Click + Add new tool, choose Custom HTML, and click Continue.
  4. Name it Karinda. Copy your code (your install code, from your dashboard) and paste it into HTML code. Keep the firing trigger as Pageview.
  5. Click Save. It's live on every page within a minute.
Vercel or Netlify

For sites a developer built and hosts on Vercel, Netlify or similar.

  1. Netlify, no code: open Site configuration → Build & deploy → Post processing → Snippet injection, click Add snippet, choose Before </body>, paste your code (your install code, from your dashboard) and save. Netlify redeploys for you.
  2. Plain HTML site: paste the code just before </body> in your pages (or the shared layout), commit and push. Vercel/Netlify redeploys automatically.
  3. Next.js: in app/layout (or pages/_document), add a <Script> from next/script with the same src and data- attributes and strategy="afterInteractive", then deploy.
  4. Not sure? Use Email the code to my developer below.
Custom HTML or cPanel

For hand-built sites you upload yourself (cPanel, Hostinger File Manager, FTP).

  1. Open your hosting File Manager (or connect with FTP) and find your website files (often in public_html).
  2. Open index.html (or your shared footer file, if your site has one) for editing.
  3. Find </body> near the bottom. Copy your code (your install code, from your dashboard) and paste it on the line just above it.
  4. Save the file. Repeat for each page unless they share one footer file.
Google Tag Manager

Use this if Google Tag Manager is already on your website.

  1. In Google Tag Manager, open your website's container and click Tags → New.
  2. Click Tag Configuration and choose Custom HTML. Copy your code (your install code, from your dashboard) and paste it in.
  3. Click Triggering and choose All Pages.
  4. Click Save, then Submit → Publish.

Other

Use Check my website in the setup wizard to confirm it's live. If you set Allowed domains (Security & Privacy), the assistant only works on those sites.

Options

The assistant's name, colour, greeting, avatar, position and proactive greeting come from your dashboard settings, so the install code never changes. These optional attributes go on the script tag:

AttributeDefaultDescription
data-business-idrequiredYour business ID from the dashboard.
data-suggestionsnoneUp to 4 starter questions shown as buttons, separated by |.
data-trackonSet to off to turn off Karinda's visitor counts and the events sent to your analytics tools.
data-api-urlhttps://chat.karinda.inOnly change this if we ask you to.
 
<script
  src="https://app.karinda.in/karinda-widget.js"
  data-business-id="YOUR_BUSINESS_ID"
  data-suggestions="What are your prices?|Do you have availability this week?"
  data-track="on"
  async></script>

JavaScript API

Once loaded, the widget exposes window.Karinda:

MethodWhat it does
Karinda.open()Opens the chat.
Karinda.close()Closes the chat.
Karinda.ask(question)Opens the chat and asks the question for the visitor.
 
<button onclick="Karinda.open()">Chat with us</button>
<button onclick="Karinda.ask('Do you have availability this week?')">Check availability</button>

Analytics events

If your site uses Google Tag Manager or GA4, the widget pushes these events to dataLayer (or calls gtag directly when there's no Tag Manager). With Meta Pixel installed, a Lead event is also tracked.

EventWhen
karinda_chat_openedA visitor opens the chat (once per page view).
karinda_conversation_startedThe first answer in a conversation.
karinda_messageEach later answer. Includes answered: whether it was found on your site.
karinda_leadA visitor leaves their contact details.
 
window.dataLayer.push({ event: 'karinda_lead', karinda_business_id: '…' })

Tip: mark karinda_lead as a key event in GA4 to see which campaigns and pages bring enquiries.

Lead capture

Visitors can choose Talk to a person at any time. The assistant also offers it when it can't answer a question, after a thumbs-down, and after a few messages. The form asks for a name, email or phone, and their question.

Each lead appears in Leads and the Inbox, is emailed to the addresses in your settings with the full conversation, and is sent to your webhook if you've set one.

Webhooks

Add an HTTPS URL under Integrations and Karinda sends a POST for every new lead. Works with Zapier (“Catch Hook”), Make, n8n or your own server. Failed deliveries are retried after 10 minutes, 1 hour and 6 hours; you can see every delivery in Integrations.

Payload

{
  "id": "whd_8c1f0e…",
  "event": "lead.created",
  "created_at": "2026-10-03T22:41:07.000Z",
  "business_id": "YOUR_BUSINESS_ID",
  "data": {
    "lead": {
      "id": "3f2a…", "name": "Jane Cooper", "email": "jane@example.com", "phone": "+1 555 0100",
      "message": "Do you take Delta Dental?", "page": "/pricing", "country": "US", "conversation_id": "c9x…"
    },
    "transcript": [
      { "role": "user", "content": "Do you take Delta Dental?" },
      { "role": "assistant", "content": "I don't have that detail on our website…" }
    ]
  }
}

Verifying the signature

Every request has a Karinda-Signature: t=<unix seconds>,v1=<hex> header. v1 is an HMAC-SHA256 of t + "." + raw body, keyed with the signing secret shown in Integrations.

// Node.js (Express): verify a Karinda webhook before trusting it
import crypto from 'node:crypto';

app.post('/karinda', express.raw({ type: 'application/json' }), (req, res) => {
  const header = req.get('Karinda-Signature') || '';            // "t=1759500000,v1=abc123..."
  const { t, v1 } = Object.fromEntries(header.split(',').map(p => p.split('=')));
  const expected = crypto.createHmac('sha256', process.env.KARINDA_WEBHOOK_SECRET)
    .update(`${t}.${req.body}`).digest('hex');
  const fresh = Math.abs(Date.now() / 1000 - Number(t)) < 300;  // reject replays older than 5 minutes
  if (!fresh || !v1 || !crypto.timingSafeEqual(Buffer.from(v1), Buffer.from(expected))) return res.sendStatus(400);

  const event = JSON.parse(req.body);                           // { id, event: "lead.created", created_at, business_id, data }
  // De-duplicate retries by event.id, then save event.data.lead
  res.sendStatus(200);
});

Languages

The assistant replies in the language the visitor writes in, using your website's content even if that's in another language. Search across languages is built in.

Privacy

The widget sets no cookies. To count unique visitors, Karinda keeps a one-way hash of IP address and browser, with a secret that changes daily, for two days. Visitors whose browser sends Do Not Track or Global Privacy Control aren't counted. Conversations are kept for the retention period you choose and are never used to train AI models. See the privacy policy, DPA and security page.

Limits

WhatLimit
Messages per visitor30 per 5 minutes
Message length1,000 characters
Lead form submissions per visitor5 per 10 minutes
Pages read per training run300
Training runs6 per hour