# Cross-Chain Swap Widget

<figure><img src="/files/u0NSxMusJvQpvlNiwzxo" alt=""><figcaption><p>Image of AnyToAny Widget</p></figcaption></figure>

## Branded Swap Experience

The AnyToAny iframe widget lets projects customize its appearance to match their branding, integrating powerful cross-chain capabilities into their platform while maintaining brand identity.

## Directions

1. Go to <https://anytoany.io/integrate/>
2. Input a wallet address to receive rewards. AnyToAny rewards 5% of all generated fees through the widget. More volume = More rewards.&#x20;
3. The default "AnyToAny" logo can be replaced with your own logo! Input a URL to your logo.&#x20;
4. The next two settings are used to specify which chains and tokens that appear when the AnyToAny widget is first interacted with. For both the source and destination chains, specify the chain ID and the token address to swap to/from.&#x20;

The source and destination chain IDs are numbers associated with each chain. Each chain you connect to in your wallet has its own unique chain ID. For example:&#x20;

Ethereum’s chain ID is 1, Polygon's chain ID is 137, and Binance Smart Chain’s ID is 56.&#x20;

You can see all the chain IDs on a website called <https://chainlist.org/>\
\
Note: If your desired token is not listed on AnyToAny and you would like to see it added. Please [contact us!](/additional-information/contact-us.md)

5. Choose a width and height for the widget. Units can be specified in px, %, or vh suffixes. See [here](https://www.w3schools.com/cssref/css_units.php) for more information.
6. Specify the background color, the token list background color, and the token list backdrop opacity. Test different values using the "preview" tab.&#x20;
7. Preview the widget. Once satisfied, copy the code snippet and inject it into your site. The iframe code snippet can easily be dropped into website builders such as GoDaddy, Wix, or Webflow.&#x20;


---

# 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.vialabs.io/additional-products/anytoany.io/cross-chain-swap-widget.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.