AI Chat Widget Demo

Test the embeddable AI chatbot widget

Widget Controls

Configuration

Client ID: virtue

Primary Color: #3b82f6

Secondary Color: #1e40af

Position: bottom-right (fixed)

Size: 400x600px (fixed)

Integration Code

To embed this widget on your website, add this script tag:

<script 
  src="https://zenith-ai-app.do.recognisedesign.com/widget-loader.js/widget-loader.js"
  data-client-id="your-client-id"
  data-primary-colour="#3b82f6"
  data-secondary-colour="#1e40af"
  data-small-logo="https://your-domain.com/small-logo.png"
  data-large-logo="https://your-domain.com/large-logo.png"
  data-tooltip-text="Ask me what's on your mind"
  data-tooltip-image="https://www.columbusassicurazioni.it/media/vmffoaiy/dog-without-tail-1.webp">
</script>

Features

Widget Features

  • • Responsive design
  • • Customizable colors and logos
  • • Multiple positioning options
  • • Smooth animations
  • • Mobile-friendly

Integration Features

  • • Single script tag integration
  • • PostMessage communication
  • • Global control methods
  • • Error handling
  • • Easy configuration