Widget integration

Try it out in the Studio

You can check out the Deposit Widget in the Intents Widget Studio. It uses USDC on Base as the destination asset and our test EVM account as the recipient.

Step by step

You can embed a ready-to-use Deposit 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 Deposit Widget mode, select the Destination asset, and enter the Receiver address. Both need to be compatible.

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.