# iframe

Panora can be seamlessly embedded within other websites as an iframe, offering the full Panora frontend experience along with custom prefilled settings.

An iframe integration ensures your site automatically reflects updates or enhancements made to Panora. After the initial setup, no extra work is needed to keep up with ongoing changes.

<figure><img src="/files/FWgDfJg2x2889VriFyxl" alt="" width="375"><figcaption></figcaption></figure>

### **URL format:**

<pre class="language-html"><code class="lang-html"><strong>https://app.panora.exchange/swap/aptos?pair=APT-USDt&#x26;fromTokenAmount=1&#x26;integratorFeePercentage=1&#x26;integratorFeeAddress=value
</strong></code></pre>

<pre class="language-html"><code class="lang-html"><strong>https://app.panora.exchange/swap/aptos?pair=0xa-0x357b0b74bc833e95a115ad22604854d6b0fca151cecd94111770e5d6ffc9dc2b&#x26;fromTokenAmount=1&#x26;integratorFeePercentage=1&#x26;integratorFeeAddress=value
</strong></code></pre>

## Parameters

<table><thead><tr><th>Params</th><th width="102">Required</th><th width="303">Description</th><th>Default</th></tr></thead><tbody><tr><td>pair</td><td>no</td><td>From and To token symbol (or token address), separated by '-'</td><td>APT-USDt</td></tr><tr><td>fromTokenAmount</td><td>no</td><td>Default from token amount for the swap</td><td>none</td></tr><tr><td>toTokenAmount</td><td>no</td><td>Default to token amount for the swap</td><td>none</td></tr><tr><td>integratorFeePercentage</td><td>no</td><td>Fee amount percentage to be collected (0.1% - 5%)</td><td>none</td></tr><tr><td>integratorFeeAddress</td><td>no</td><td>Fee receiver wallet address</td><td>none</td></tr></tbody></table>

## Adding the iframe to your site&#x20;

Sample code:

```html
<iframe
  style={{ margin: 'auto' }}
  width="450px"
  height="700px"
  src="https://app.panora.exchange/swap/aptos?pair=APT-USDt&fromTokenAmount=1&integratorFeePercentage=1&integratorFeeAddress=value"
  />
```

### **Attribution**

Kindly include proper attribution when using Panora in projects or presentations. Mention *“Powered by Panora”* wherever applicable.


---

# 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.panora.exchange/developer/swap/iframe.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.
