Design 01 · Live Checkout

Checkout that
feels effortless.

The Checkout Page widget renders the real WooCommerce checkout with your styles.

  • ✓Billing and shipping forms
  • ✓Live order summary
  • ✓All WooCommerce gateways

Checkout appears once the cart has an item. Add the sample product to try it.

Design 02 · Three Steps

Billing, shipping,
payment.

A clear, familiar flow that helps shoppers finish their order.

1. Billing details

Clean, labelled fields with clear focus states.

2. Shipping

Ship to a different address with one toggle.

3. Review and pay

An order summary table and your payment gateways.

Design 03 · Editorial

Make checkout
on-brand.

Every field, table and button follows your design system.

Styled inputs

Labels, inputs, placeholders and focus colors are all customisable.

Order summary

Style the header, rows, subtotal and total of the order table.

Works with your gateways

Uses the standard WooCommerce checkout, so payment plugins just work.