> If you are setting up, configuring, or answering questions about Schematic, connect the
> Schematic MCP server before working from these pages. It reads and writes plans, features,
> entitlements, and overrides against the real account, so what you report and what you build
> match what actually exists.
>
> The server is at https://api.schematichq.com/mcp
>
> From Claude, ChatGPT, or another chat assistant, add it as a custom connector:
> https://docs.schematichq.com/working-with-ai
>
> From a coding assistant such as Claude Code, Codex, or Cursor:
> https://docs.schematichq.com/building-with-ai
>
> For clean Markdown of any page, append `.md` to the page URL. For a complete page index,
> see https://docs.schematichq.com/llms.txt

# Publish a billing portal

> Step four of the dashboard track. Build a Customer Portal component in Schematic and hand its ID to your engineers to embed.

Components are ready-made pieces of billing interface that you configure in Schematic and your engineers drop into your product. Schematic offers two kinds.

1. Full pages, such as the Customer Portal and the checkout flow.
2. Smaller elements, such as meters and paywalls.

This is step four of [Set up your first plan](/quickstart/set-up-your-first-plan). You will build a Customer Portal, which lets customers see their current plan, upgrade or downgrade, and add add-ons without contacting you.

## Create the component

1. Select **Components** from the left navigation.
2. Click **Create Component** in the top right.
3. Give the component a name, for example "Customer Portal".
4. Under **Choose template**, select **Customer Portal**.
5. Click **Create**.

![Create a component - step 1](/_fern-img/57ea1ca1fb4fce6cd07c278d741dc7e5cd3e3599abbac9dc1c41bd995e2705f9.webp)

The portal arrives fully built. It already reflects the plans, features, and allowances you configured in the earlier steps, so there is nothing to lay out or style before it works.

## Hand off the component ID

Every component has an ID. That ID is the only thing your engineers need in order to place the portal in your product.

1. Click the three-dot menu in the top right.
2. Click the copy icon to copy the component ID.
3. Send that ID to whoever is doing the integration.

![Create a component - step 2](/_fern-img/d3f7504b046280747220f2144d40bb9109243315fe7b6b1f4c4d4ac9700fbd30.webp)

Once the portal is embedded, you can keep editing it here. Changes you make in Schematic reach customers without a release.

## You're done

You now have an account, a feature entitled to a plan, a metered feature with a monthly allowance, and a customer-facing portal. That is a complete packaging setup, built entirely in the dashboard.

The Customer Portal is the most used component, and there are [many others](/components/overview), including checkout, meters, and paywalls.

## What's next

Go back to [Set up your first plan](/quickstart/set-up-your-first-plan) for the deeper guides, or hand [Instrument your app](/quickstart/instrument-your-app) to an engineer so your product starts respecting what you just built.

> Build a customer-facing portal from a template