Chat Widget

Embedding the Widget on Your Website

1 min readMar 28, 2026

Add HelpKit's chat widget to your website with a single code snippet.

1.Go to Admin → Widget Builder

2.Customize your widget appearance

3.Click Get Embed Code

4.Copy the code snippet

Paste the snippet before the tag on your website:

html

<script src="https://helpkit.in/widget/embed.js" data-site-id="YOUR_SITE_ID"></script>

WordPress:

•Go to Appearance → Theme Editor → footer.php

•Paste before

Shopify:

•Go to Online Store → Themes → Edit Code

•Open theme.liquid

•Paste before

Next.js / React:

•Add to your _document.tsx or layout component

HTML:

•Paste directly in your HTML file

After adding the code:

1.Visit your website

2.Look for the chat bubble in the bottom-right corner

3.Click it and test a question

4.Check your HelpKit dashboard for the test interaction