Skip to main content
Contact our team to set up a custom domain for you and generate an API key for accessing our API.

Integrate your Widget

To integrate the Deframe widget in your platform, you just need to embed your widget URL in an iFrame. It can work on any tech stack and even in no-code tools.
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.
In the situation your platform doesn’t have the capability to embed an iFrame, Pods can provide access to React UI components and code samples on how to reproduce the widget natively in your platform.