---
title: "How do I customize my AI Widget’s appearance?"
description: "Learn how to change the color of your widget."
url: https://help.agent.so/en/articles/96-how-do-i-customize-my-ai-widget-s-appearance
collection: "Widgets"
updated: 2025-08-15
language: en
---

# How do I customize my AI Widget’s appearance?

Learn how to change the color of your widget.

Want to make your AI widget match your site's vibe or brand colors? It's a quick tweak in the appearance settings.

Follow these simple steps to update the accent color and give it that perfect look:

-   Head to the "Widgets" tab in your dashboard.
    
-   Click on the widget you want to customize.
    
-   Navigate to the "Appearance" section from the menu on the left.
    

![](https://staticfiles.gleap.io/ghelparticle/BqUPUt8CipGb3nFGBZVYTUEYbTzoB3OufdpcHf50skauSZlMYhFGSRkvvUY02CVJalekDREKQEN.png)

-   Pick your new accent color from the options there.
    
-   Hit "Save" to apply the changes.
    

![](https://staticfiles.gleap.io/ghelparticle/xzdv9F0fa2L5Hg5bwjcOziXUDkfcrPGue2p7XR9ryowkYRaCqMRqmJPB3AxnnXnF0m6SmsGTsgD.png)

With that done, your widget will sport the fresh color right away, making it blend in seamlessly and look even more inviting for visitors chatting with your AI.

![](https://staticfiles.gleap.io/ghelparticle/MfFk7jJPN24EJTJpzYQdNiegXhXGSW9Z1VfjwK0zsnm0wO2cr0ZCa1xK8fXWyPwhxGLWGgyrbS6.png)