> For the complete documentation index, see [llms.txt](https://docs.airim.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airim.co/getting-started/customising-airims-appearance.md).

# Customising Airim's Appearance

In the 'Settings' tab, click on 'Widget' to modify Airim's appearance on your website/app. 

![Step 1: Click on 'Widget' in the Settings tab](/files/-LR6zo1GDUXziyfnQZDy)

Click on 'Appearance' to explore the customisations you can do with Airim.

![Step 2: Click on 'Appearance'](/files/-LR702QsNmsWtCNzbWxw)

Before making any changes, we recommend disabling the widget by clicking 'Disable Widget'. This way you can change appearance without hampering the user experience. 

![Option to disable widget before making changes in appearance](/files/-LR7KhVyNLVbxDBtds3E)

A drop-down menu will appear where you can choose widget's color, position and placeholder text for Search bar. You can see these sample changes you make here reflecting on the right-hand side. This will give you an instant idea about how Airim would look with the changes you made. 

![Step 3: Change the Color, Position and Placeholder text based on your requirements ](/files/-LR73IkcK0uQuAphe_h_)

Not happy with the changes you just made? Want to bring back the default settings?

Sweat not! We got a single-click solution for you to reset your default settings. All it takes is a click on 'Reset to default' option. 

![Bringing back DEFAULT settings](/files/-LR7Q-cUOwpuaQbB-LS-)

Once you're done making changes, you can click 'Enable Widget' to take it live again.

![](/files/-LR766j8Mtk6MBqbTuuL)

 That's it! Airim is ready to blend in with your website and help your customers.