🗳️ Widget Integration

<div style={{ border: "1px solid #007ACC", padding: "10px", borderRadius: "5px", backgroundColor: "white", color: "black" }}>
  <strong>💡 Info:</strong> Contact our team to set up a custom domain for you and generate an API key for accessing our API.
</div>

### Integrate the Widget <a href="#integrate-your-widget" id="integrate-your-widget"></a>

To integrate Pods widget in your platform, you just need to embed you widget URL in an iFrame, it can work on any tech stack and even in no-code tools.

<details>
  <summary>This code creates a React component called PodsWidget that embeds the "&lt;company&gt;.widget.pods.fi” widget in an iFrame.</summary>
</details>

```javascript
const PodsWidget = () => {
  return (
      <iframe
        src="https://<company>.widget.pods.fi/?address=<userAddress>"
        title="Pods Widget"
        allow="clipboard-write"
        style={{ width:"100vw", height:"100vh"}}
      />
  );
};

export default PodsWidget;

This code creates a React component called PodsWidget that embeds the "<company>.widget.pods.fi" widget in an iframe.

If your platform doesn’t support embedding an iFrame, Pods can provide access to React UI components and code samples to help you reproduce the widget natively in your platform.