Chat Widget Setup

Add live chat to your website with the cStar chat widget.

Installation

Add this script to your website, just before the closing </body> tag:

<script src="https://www.cstar.help/widget/chat.js?team=YOUR_TEAM_ID"></script>

Replace YOUR_TEAM_ID with your actual team ID from Settings.

Customization

Colors

Match your brand with CSS variables:

:root {
  --cstar-accent-color: #6366f1;
  --cstar-text-color: #1f2937;
  --cstar-bg-color: #ffffff;
}

Position

Add data attributes to control placement:

<script
  src="https://www.cstar.help/widget/chat.js?team=YOUR_TEAM_ID"
  data-position="bottom-right"
  data-offset="20"
></script>

Features

• Real-time messaging - Instant customer communication
• Typing indicators - See when customers are typing
• File attachments - Share images and documents
• Chat history - Conversations become tickets
• Offline mode - Collect messages when you're away

Testing

Visit your website and look for the chat bubble in the corner. Click to open and test!