> Custom styles and themes in Plandalf Checkouts: what it does, where it fits, and which docs to read next.

Source: https://plandalf.com/products/checkouts/custom-styles

[Checkouts](https://plandalf.com/products/checkouts)

CheckoutsCheckoutshipped

Checkouts feature

# Custom styles and themes

Theme tokens for colors, radius, and spacing so the checkout reads as the same product as the page it came from.

[Start free](https://admin.plandalf.dev/register)[Read the docs](https://plandalf.com/docs/offers/overview)

Checkouts

Custom styles and themes

shipped

1

Create or choose the offer that owns the product, price, theme, and checkout surface.

2

Add custom styles and themes to the checkout path where it helps the buyer decide.

3

Run a test or preview session before sending real traffic to the page.

Why it matters

## Useful when Checkouts needs checkout to be part of the actual selling flow.

In Plandalf

Theme tokens for colors, radius, and spacing so the checkout reads as the same product as the page it came from.

Why not bolt it on

With templated builders you get six color swatches and a corner-radius slider.

How to use it

## The implementation path

1.  Step 1
    
    Create or choose the offer that owns the product, price, theme, and checkout surface.
    
2.  Step 2
    
    Add custom styles and themes to the checkout path where it helps the buyer decide.
    
3.  Step 3
    
    Run a test or preview session before sending real traffic to the page.
    

Next steps

[Feature hub](https://plandalf.com/features/custom-styles)[Checkouts overview](https://plandalf.com/products/checkouts)[Related docs](https://plandalf.com/docs/offers/overview)[Pricing](https://plandalf.com/pricing)

Related features

[

Sales flow builder

Checkout

](https://plandalf.com/products/checkouts/sales-flows)[

Hosted checkout pages

Checkout

](https://plandalf.com/products/checkouts/hosted-checkout)[

Checkout templates

Checkout

](https://plandalf.com/products/checkouts/checkout-templates)[

Totally custom checkout layouts

Checkout

](https://plandalf.com/products/checkouts/custom-layouts)[

Custom fonts

Checkout

](https://plandalf.com/products/checkouts/custom-fonts)[

Mobile view

Checkout

](https://plandalf.com/products/checkouts/mobile-view)

[Browse all Checkout features](https://plandalf.com/features#checkout)

Docs

[Offers overview](https://plandalf.com/docs/offers/overview)[Hosted checkout](https://plandalf.com/docs/offers/hosted-checkout)[Order bumps](https://plandalf.com/docs/offers/order-bumps)[Save offers](https://plandalf.com/docs/offers/save-offers)

Try it in context

## Build a Checkouts flow with Custom styles and themes.

Start from the product overview, use the docs for the exact setup, then test the full path before customers see it.

[Start free](https://admin.plandalf.dev/register)[View Checkouts](https://plandalf.com/products/checkouts)