Widget Styling

Tailor the look and feel of your AI assistant to match your brand's unique identity.

Data Attributes

You can customize the widget by adding data-* attributes to the script tag.

Attribute	Description	Default
data-color	Primary brand color (hex)	#6366f1
data-name	Display name for the AI Assistant	SuuSri
data-greeting	Initial message shown to users	Hello! How can I help?
data-position	Screen corner: left or right	right

Example Setup

<script 
  src="https://cdn.suusri.ai/widget.js" 
  data-key="YOUR_KEY"
  data-color="#e11d48"
  data-name="Acme Concierge"
  data-position="left"
></script>