Live Demo

Chat Widget Preview

This is exactly how the Clicktics chat widget will appear on your website. Try different positions, icons, and agent identities. Click the chat bubble to open the widget!

Widget Configuration — try different styles

The chat bubble is live on this page — look for it at the bottom right!
https://your-website.com

👆 The chat widget bubble is live on this page. Click it to see:

  • Agent avatar (initials), name, role, online status
  • Pre-filled form (name, email — configurable per website)
  • Real-time messaging with auto-reply
  • Sound notifications on new messages
  • Custom colors matching your brand
  • 4 positions: bottom-right, bottom-left, floating-right, floating-left

Installation — just 1 line of code

<script async src="https://app.clicktics.com/widget.js" data-api-key="YOUR_API_KEY"></script>

Add this one line to your website's <head> tag. The widget loads your configuration automatically.