Panora
  • πŸ‘‹Welcome to Panora
  • 🌐Official Links
  • PRODUCT SUITE
    • πŸ’±Panora Swap
    • πŸ“ŠPanora Trade
  • Developer
    • πŸ’»Swap Widget
      • Install Widget
      • Widget Configuration
      • Theme Customization
      • Widget Controls
      • Guide
    • πŸ€–Swap API & SDK
      • πŸ’»Swap API
        • Examples
      • πŸ–₯️Swap SDK
      • πŸ’¦Supported Sources
    • 🎞️Swap iframe
    • πŸͺ™Token List
      • πŸ“”How to Add Your Token to the Panora Token List
    • πŸ’²Token Prices
  • PARTNERSHIPS
    • 🀝Become Our Partner
    • 🏒Media & Brand Kit
  • FAQs
    • ❓Panora Help
  • LEGAL
    • πŸ—’οΈLegal Disclaimer
    • πŸ”“Brand & Logos
    • πŸ“Terms of Use
Powered by GitBook
On this page
  • URL format:
  • Parameters
  • Adding the iframe to your site
  • Attribution
  1. Developer

Swap iframe

Learn how to embed the Panora iframe on your website step-by-step in just a few minutes.

PreviousSupported SourcesNextToken List

Last updated 4 months ago

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.

URL format:

https://app.panora.exchange/swap/aptos?pair=APT-USDt&fromTokenAmount=1&feePercentage=1&feeWalletAddress=value
https://app.panora.exchange/swap/aptos?pair=0xa-0x357b0b74bc833e95a115ad22604854d6b0fca151cecd94111770e5d6ffc9dc2b&fromTokenAmount=1&feePercentage=1&feeWalletAddress=value

Parameters

Params
Required
Description
Default

pair

no

From and To token symbol (or token address), separated by '-'

APT-USDt

fromTokenAmount

no

Default from token amount for the swap

none

toTokenAmount

no

Default to token amount for the swap

none

feePercentage

no

Fee amount percentage to be collected (0.1% - 5%)

none

feeWalletAddress

no

Fee receiver wallet address

none

Adding the iframe to your site

Sample code:

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

Attribution

Kindly include proper attribution when using Panora in projects or presentations. Mention β€œPowered by Panora” wherever applicable.

🎞️