How to Integrate Live Chat Widget on Your Website
Add a live chat widget to your website in minutes. Visitors chat with your team directly, and your team replies from Slack or the dashboard — creating a seamless support experience without switching tools.
Before You Start
- Your domain must be added and verified. How to add a domain
- At least one integration (Slack or Discord) must be connected. How to set up an integration
Once your domain is verified and an integration is connected, navigate to Chat Widgets from the sidebar. This is where you create and manage the widgets installed on your website.
Click Create Widget. Select the verified domain where the widget will be hosted, then choose the Slack or Discord integration that will receive incoming chat messages. Customize the Welcome Message and Accent Color to match your brand, then click Create Widget to save.
Once created, you will receive an Activation Key and an embed script. Paste the script into your website's HTML just before the closing </body> tag:
<!-- SyncSupport Chat Widget -->
<script>window.CHAT_KEY = 'YOUR_ACTIVATION_KEY_HERE';</script>
<script async src="https://your-email-router-domain.com/chat/widget.js"></script>Replace YOUR_ACTIVATION_KEY_HERE with the key shown in the dashboard. The widget will load automatically and apply your custom branding.
When a visitor starts a chat, a notification appears in your connected Slack channel. You can reply from two places:
Option A: Reply from Slack
- Hover over the chat notification in the integrated Slack channel.
- Click Reply in thread.
- Type your message and send. The visitor will see it in real time.
Option B: Reply from Dashboard
- Go to Dashboard → Live Chats.
- Select the active conversation from the sidebar.
- Type your message in the chat window and hit send.