You can customize how your chatbot widget looks using our pre-made styles or your own CSS.

1. Find a Style

   • Go to our GitHub style gallery
   • Browse available templates
   • Click on the style you want to use
   • Copy the CSS code

2. Add the Style

   • Open your YourGPT Dashboard
   • Go to Chatbot → Widget → Branding
   • Paste the CSS into the CSS field
   • Click Save

3. Check Your Widget

   • Open your website or preview
   • Make sure everything looks correct

• Check the styling documentation
• See CSS variables for custom colors and fonts
• View animation examples
• Read our detailed guide on customizing your widget