🗳️Widget Integration

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 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.

React code sample demonstrating how to embed "<company>.widget.pods.fi" in an iframe

Copy

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.