# Customization Preferences

### Swap Widget - Configuration Page: <https://widget.tinyman.org>

### Swap Settings

1. **Swap Assets** - Set swap input and output assets by entering ASA IDs.
2. **Platform Name** - Specify the application name, which the swap widget will be integrated to.
3. **Service Fee \[Optional]** - Tinyman Swap Widget allows projects to cut extra fees from each swap. To be able to use this feature, you should enable it, set a fee percentage, and enter the wallet address you want to receive service fees. (Maximum Fee rate is 5%)

&#x20;       **Note**: Please ensure this address is opted into the swap input and output assets you specified.

<figure><img src="https://1363176686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaYvJdGpsnVXsC2cDWp%2Fuploads%2FKsDfOYM17E4XrIwlHuiP%2FScreenshot%202023-09-14%20at%2018.22.33.png?alt=media&#x26;token=315274cc-a0e2-4c1b-932f-4a3e8bf53b0a" alt=""><figcaption><p>Swap Settings</p></figcaption></figure>

### Styling

You can modify the color palette and appearance of your Widget.&#x20;

1. **Widget container** (Widget background, iframe background, header title, etc.)
2. **Swap container** (Dark/Light theme, button background, button text, etc.)
3. **Custom title**
4. **Border radius** (Large, Medium, Small, None)

<figure><img src="https://1363176686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaYvJdGpsnVXsC2cDWp%2Fuploads%2FIN4VLn1wwYtriukZjoxZ%2FScreenshot%202023-09-14%20at%2018.23.30.png?alt=media&#x26;token=cf4847eb-77d2-49de-906a-063cbe10ae39" alt=""><figcaption><p>Styling</p></figcaption></figure>

\ <br>