Widget integration

You can embed ready-to-be used Swap Widget directly into your app using an iframe or a React component.

1

Create Intents Studio account

Navigate to Widget Studio and log in with your email using the button in the top-right corner of the interface.

2

Configure the widget

Make sure to use Swap Widget mode.

In the UI, you can configure settings such as the displayed Networks and Tokens, and how the Wallet Connection is handled.

3

Configure the design

You can also customise the design to match your branding with different Styles, Accents, or Layouts. Reach out to our team for more advanced styling options.

4

Embed the widget

Click the Embed in your app button on the top right of the interface, either through:

• An iframe by using Generate a new link to embed section

• Or React component using Use React code snippet

5

(Optional) Use advanced settings of the widget

If you decide to embed a React component, you can use advanced settings, such as your own wallet connection or use widget hooks. Check the detailed docs on the Widget Configuration.