O3 Docs
English
English
  • Welcome to O3 Docs
  • O3 Swap V2 (Interchange)
  • Tokenomics
  • O3 Vote
    • DAO
  • Code
  • O3 Swap User Guide
  • User Guide
    • Why did I receive pToken?
    • How to connect my wallet?
    • How to Bridge?
    • How to Swap?
    • How to Convert between pToken and Token?
    • How to use Gas Station?
    • How to view transaction history?
    • How to set a slippage tolerance and transaction time limit?
    • How to add liquidity?
    • How to stake & unstake LP tokens for liquidity mining?
    • How to claim & unlock O3?
    • How to remove liquidity?
    • How to arbitrage?
  • Features Q&A
  • USDC Cross-Chain Transfer Protocol
  • For Developers
    • GitHub
    • O3 Widget
    • O3 SDK
  • For Partners
  • Media Kit
  • Contact Us
    • Twitter
    • Discord
    • Medium
    • Reddit
    • Youtube
  • Resources
  • Hiring
    • Become a Community Partner
  • Terms of Service
Powered by GitBook
On this page

Was this helpful?

  1. For Developers

O3 Widget

PreviousUSDC Cross-Chain Transfer ProtocolNextO3 SDK

Last updated 2 years ago

Was this helpful?

Customize the preset and integrate it into your website without any additional coding work, and allow your users to swap tokens across chains without leaving your dApp!

See what you can customize below:

  • Choose between a horizontal or vertical view that best fits your website UI.

  • Select the language for the widget. Currently, English and Chinese are supported.

  • Pick a theme color that matches your project's branding style. You can customize any color or choose from a default set.

  • Set the default option for the widget. You can paste the chain ID and token address to specify the default source chain, source token, destination chain, and destination token.

Once all the are configured, simply copy the code by clicking the button in the upper-right corner. The widget can be integrated with ease, and you can also customize the settings directly in the code.

Presets
O3 Swap Widget