ChatDixHow to install a live chat widget on any website
· 5 min read
Adding live chat to your website does not require a complex SDK or weeks of development. With ChatDix, you paste one script tag and your widget is live.
Step 1: Create your ChatDix workspace
Sign up at app.chatdix.com — the free plan includes one project and full widget customization. No credit card required.
Step 2: Add a project
Go to Projects → Add project. Enter your website name and URL. ChatDix will generate a unique project ID for your widget.
Step 3: Customize the widget
Open the appearance editor to set colors, welcome message, launcher position, and optional pre-chat fields (name, email, phone). Preview changes live before saving.
Step 4: Copy the install snippet
<script src="https://app.chatdix.com/widget.js"
data-project-id="YOUR_PROJECT_ID"
data-api-url="https://api.chatdix.com/api"
async></script>Step 5: Paste before </body>
WordPress: Theme footer or "Insert Headers and Footers" plugin.
Shopify: theme.liquid before closing body.
Webflow/Wix: Site-wide custom code embed.
Custom HTML: Any page template footer.
Step 6: Verify installation
Return to ChatDix → your project → verify domain. Send a test message from your site and confirm it appears in the team inbox.