SquadSwap Documents
Go to App
  • Welcome to SquadSwap
  • What We Do
  • Get Started
    • Create a Wallet
    • Connect Your Wallet to SquadSwap
  • Squad Token
  • Audit Reports
  • Platform
    • Products
      • Swap
      • Limit Order and Spread Order
      • Liquidity Pool
        • WOW Liquidity Pool
        • Dynamo Liqudity Pool
        • FAQ
      • Farm
      • Pool
      • Bridge
        • Squad Bridge
        • Ton Bridge
        • FAQ
      • Swap Widget
    • Smart Router
    • Fee Manager
    • SquadSwap Private RPC
    • Developers
      • Swap Widget
      • API
        • Subgraph
      • Smart Contracts
        • BNB Contract
        • Arbitrum Contracts
        • Base Contracts
        • Blast Contracts
        • Polygon Contracts
        • Optimisim Contracts
    • FAQs
    • Terms Of Service
    • Links
  • Brand Assets
  • Contact Us
  • Partnership
    • Trading View
Powered by GitBook
On this page
  1. Platform
  2. Developers

Swap Widget

The Swap Widget section is a service SquadSwap provides for developers. For those who want to add a swap section to their website, SquadSwap offers an easily integratable widget service. This allows users to swap on the site they are familiar with.

Moreover, you can make the widget fit the theme of your website by adjusting the colors of the widget's sections to suit your website.

In the Fee address section, you need to enter the address where the fee deducted as a result of swap transactions will be deposited. Each time a transaction takes place, a record is created in our database with your fee address. Thanks to the records created, fee fees are deposited to the fee address by SquadSwap at certain intervals. Widget owners receive 0.04% of the swapped tokens.

Once you have set the colors of the widget and entered your fee address, you can copy and integrate the code into your website using the two methods at the bottom of the page.

Installation

Follow the instructions below to install and activate the swap widget on your website.

<!-- Place this link tag below the <head> of your page: -->
<script
  src="https://squadswap.com/scripts/embed.js"
  crossorigin="anonymous"
  id="swap-widget"
  data-darktheme="true"
  data-backgroundColor="#413d4d"
  data-inputColor="#3A3544"
  data-highlightColor="#b39ddb"
  data-textColor="#A6A0BB"
  
  
  data-input=BNB
  data-output=0x2d2567DeC25c9795117228aDC7FD58116D2E310C
></script>
<!-- Squat Swap Widget -->

Or if it better suites your use case, its possible to integrate the iframe without the sticky button and modal. See below.

<iframe 
  src="https://squadswap.com/swap-widget?widgetType=2&inputCurrency=BNB&outputCurrency=0x2d2567DeC25c9795117228aDC7FD58116D2E310C&backgroundColor=%23413d4d&inputColor=%233A3544&highlightColor=%23b39ddb&textColor=%23A6A0BB&darktheme=true&height=800px" 
  title="swap-widget" 
  style="min-width: 500px; height: 592px; transform: scale(0.75); transformOrigin: top left;"
/>
PreviousDevelopersNextAPI

Last updated 8 months ago