Sign in Start free

Live chat widget

One script. Fully branded, AI-ready chat on your site.

A lightweight chat box that loads with one async script — colors, copy, and behavior sync from your dashboard. Pair it with AI-powered replies in your ChatDix inbox.

Create free workspace Install guide
Install Customize Features Platforms
<1 minInstall time
RemoteSettings sync
2 MBFile attachments
FullAppearance control

Install guide

Live in 3 steps

Create a workspace, customize your widget, and paste one script before </body>.

Start free
1

Create a free workspace

Sign up at app.chatdix.com and add your first project with your website URL.

2

Customize the widget

Set colors, welcome copy, launcher position, and pre-chat fields in the appearance editor.

3

Paste the script snippet

Copy from project settings and paste before the closing body tag on every page.

index.html
1<script src="https://app.chatdix.com/widget.js"
2 data-project-id="YOUR_PROJECT_ID"
3 data-api-url="https://api.chatdix.com/api"
4 async></script>
Widget active · Settings synced from dashboard

Appearance editor

Customize every pixel — syncs remotely

Change colors, copy, launcher, and pre-chat fields in the dashboard. Your live widget updates instantly — no redeploy or cache busting.

  • Header, bubble, launcher, and text colors
  • Welcome message, placeholder, and auto-reply copy
  • Launcher position, size, and pill shape
  • Toggle attachments, emoji, typing animation, read receipts
  • Hide “Powered by chatdix.com” on Business plan
Open editor

Widget capabilities

Everything visitors can do in the chat box

Messaging, attachments, identity capture, appearance, controls, and page tracking — all built in.

Full feature list

Messaging

  • Real-time chat with session persistence
  • Typing indicators & read receipts
  • Auto-reply with welcome message
  • Visitor mark-as-solved

Attachments

  • Images, PDF, Office docs, CSV, ZIP
  • Up to 2 MB per file
  • Inline image preview

Identity

  • Optional name, email, phone before chat
  • Pre-chat form customization
  • Session continuity across pages

Appearance

  • Colors, fonts, launcher position
  • Welcome copy & placeholder text
  • Custom favicon / launcher icon
  • Hide branding (Business plan)

Controls

  • Fullscreen mode
  • Mute notifications
  • Emoji picker
  • Open / close panel

Tracking

  • Current page URL & title
  • Referrer & session heartbeat
  • Page view history for agents

Works everywhere

Install on any platform

Same script snippet for every platform that allows custom HTML or footer scripts.

All integrations

CMS & builders

WordPress Shopify Webflow Wix Squarespace

Frameworks & code

React Vue Next.js HTML PHP / Laravel

Tip: Paste the script in your theme footer, Shopify theme.liquid, or Webflow custom code section — before the closing </body> tag.

Get started

Install your widget today

Free plan includes 1 project and full widget customization. No credit card required.

Create workspace View pricing