# iFrame Trading Widget

Simply add the below iFrame code snippet to your website and your users will always be able to trade on Radix!

```html
<iframe
    src="https://www.caviarnine.com/embed/trade"
    width="467px"
    height="544px"
    frameBorder="0" 
/>
```

## iFrame Styles

<figure><img src="https://2889101437-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHNlgl7ttywm5Xh8uj9vm%2Fuploads%2FcVn9x6jIfC7nVYVUelMV%2Fimage.png?alt=media&#x26;token=3f0d95a6-5263-4506-8c16-386759cca8d2" alt=""><figcaption><p>C9 light and dark mode</p></figcaption></figure>

Currently we have 2 styles, which can be set with a queryStringParameter&#x20;

1. c9\_dark01 \[default]
2. c9\_light01

Example:

```html
<iframe
    src="https://www.caviarnine.com/embed/trade?style=c9_light01"
    width="467px"
    height="544px"
    frameBorder="0" 
/>
```

## Default Starting Resources

If you would like to preset the iFrame widget with two tokens of your choice that CaviarNine support you can pass their resource\_address(es) in as part of the query string.

```
sell_resource=
buy_resource=
```

```html
<iframe
    src="https://www.caviarnine.com/embed/trade?sell_resource=resource_rdx1t52pvtk5wfhltchwh3rkzls2x0r98fw9cjhpyrf3vsykhkuwrf7jg8&buy_resource=resource_rdx1t5pyvlaas0ljxy0wytm5gvyamyv896m69njqdmm2stukr3xexc2up9"
    width="467px"
    height="544px"
    frameBorder="0" 
/>
```

## Radix Connector Browser Extension

To let your Radix Wallet connect to the iFrame in your websites, you’ll need to download the Radix Connector browser extension. You can find the details about that here... <https://wallet.radixdlt.com/>\
\ <br>