Iframe Installation

If you want fast integration, minimal effort, and no installation in your application, Iframe is one of the solutions. However, note that Iframe has a lot of limitations especially when dealing with wallet connections. Many Web3 providers and wallets will see the Natie site (app.native.org) as the wallet connection site, and not yours. This will affect the user experience when connecting, disconnecting, or changing your wallet in your application

Iframe URL format: https://app.native.org/PROJECT_NAME/swap-widget

For example, you can try this demo: https://app.native.org/0x2e634f8c5e5e2081888f6e482cc52a51711afdba/swap-widget

Usage

<!DOCTYPE html>
<html>
  <body>
      <iframe
            src="https://app.native.org/PROJECT_NAME/swap-widget"
            width="422"
            height="482">
      </iframe>
  </body>
</html>

Getting Iframe URL

To get your project Iframe URL, you can go to the widget page in Native app.

PreviousVanillaJs InstallationNextCustomization Guide

Last updated