From Default to Delightful: Customizing Your Chat Widget
Customize your YourGPT chatbot widget with ready-to-use styles or your own CSS for a unique look.
Make your chatbot look the way you want using custom themes and CSS.
Browse Widget Style Templates
See available widget designs and pick one you like.
Visit our style gallery:
🔗 View Styles on GitHub →
✂️ Step 1: Copy the Style Code
Get the CSS code for your chosen style.
Go to the GitHub repo.
Open the template you want.
Copy the CSS snippet provided.
⚙️ Step 2: Add CSS to Your Widget
Apply the style to your chatbot widget.
Go to your YourGPT Dashboard.
Navigate to Chatbot → Widget → Branding.
Paste the copied CSS into the CSS field.
Click Save.
✅ Step 3: Preview Your Styled Widget
After saving, go to your site or chatbot preview.
Looks great, right?
💡 Bonus Tips
You can modify the styles or create your own themes from scratch.
We’re adding more styles—check back often.
Built something cool? We’d love to feature it!
Was this article helpful?