> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cuprice.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> How the Cuprice embed widget works

The Cuprice embed widget renders your pricing page inside an auto-resizing iframe on any website. It loads asynchronously, looks native, and is fully isolated from your CSS.

## How it works

1. You add a `<div>` with your Share ID
2. The `embed.js` script finds it and creates an iframe
3. The iframe loads your pricing page with all plans, features, and design
4. It auto-resizes to match content — no fixed height needed

## Attributes

<ParamField path="data-cuprice-id" type="string" required>
  Your project's Share ID. Get this from the Cuprice dashboard after publishing.
</ParamField>

## Supported platforms

The embed works on any platform that supports custom HTML:

<CardGroup cols={3}>
  <Card title="HTML" icon="html5" href="/embed/html">
    Any static site
  </Card>

  <Card title="Next.js" icon="react" href="/embed/nextjs">
    App Router & Pages Router
  </Card>

  <Card title="React" icon="react" href="/embed/react">
    Vite, CRA, Remix
  </Card>
</CardGroup>

Also works on **WordPress**, **Webflow**, **Framer**, **Squarespace**, and any other platform with custom HTML support.