# 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="/files/bfCoITB2qp0jKHqJCBAr" 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="/files/JajQZVWhtsf3fplbcofC" alt=""><figcaption><p>Styling</p></figcaption></figure>

\ <br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tinyman.org/swap-widget/customization-preferences.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.