# Swap Widget

We offer an easy-to-integrate swap widget that allows Astrolescent to be integrated directly into your website.

You can add our swap widget by simply adding the following code to your website:

```html
<iframe 
    src="https://astrolescent.com/widget" 
    width="467px" height="750px" frameborder="0">
</iframe>    
```

#### Setting defaults

The swap widget supports setting a selling and buying token and a default amount by adding it to the URL.

* `from`: the resource address the widget is selling
* `to`: the resource address the widget is buying
* `amount`: the amount of tokens that will be sold
* `feeComponent`:  address of your fee component address
* `fee`: the fee you'd like to charge, `0.01` = 1%, `0.003` is 0.3%

To set up your own fee component, reach out to use on Telegram and we'll help you set it up.

For example, HUG uses the following settings:

```html
<iframe 
    src="https://astrolescent.com/widget?to=resource_rdx1t5kmyj54jt85malva7fxdrnpvgfgs623yt7ywdaval25vrdlmnwe97&amount=100" 
    width="467px" height="750px" frameborder="0">
</iframe>
```

Where `to` is set to HUG's token address *resource\_rdx1t5kmyj54jt85malva7fxdrnpvgfgs623yt7ywdaval25vrdlmnwe97,* and the `amount` to *100*, letting the widget display a trade of selling 100 XRD for HUG.

<figure><img src="https://2756210696-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgpo8KnJwdPsTreA6fcK4%2Fuploads%2FfjY3TDhim5HnLdChNol7%2FScreenshot%202025-02-16%20at%2016.53.56.png?alt=media&#x26;token=a707ee7f-726c-4199-ad28-82096ac44ff5" alt="" width="375"><figcaption><p>Example of the swap widget on a white background.</p></figcaption></figure>
