# 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="/files/vKXIzgZ95X1EikgiqbHY" 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>


---

# 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.caviarnine.com/tools/iframe-trading-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.