Your brand, through to checkout.
Adjust colours, typography, buttons, and layouts in a visual editor. Preview the changes before updating your checkout.
For Shopify Plus Checkout
Skip the code. Use the visual editor.
Shopify provides a checkout branding editor. Checkout Components brings branding controls, profiles, and change history together, so your team can preview and manage checkout styling visually.
Visual editor with a live preview of the real checkout.
Hand-written mutations, no preview, every typo a production bug.
mutation colorSchemeUpdate(
$profileId: ID!
$input: CheckoutBrandingInput!
) {
checkoutBrandingUpsert(
checkoutProfileId: $profileId
checkoutBranding: $input
) {
checkoutBranding {
customizations {
global {
colorSchemes {
scheme1 {
primaryButton {
background
foreground
}
control { background border }
}
}
}
}
}
}
}
Pick brand colours from a palette. Watch them cascade across the entire checkout in real time.
Test safely. Roll back with confidence.
Work across multiple branding profiles, live and draft. Every change is logged, every save is one click to compare, and every save is one click to revert.
Switch profiles instantly
Swap between live and draft profiles with a single click. A clear live indicator ensures you never accidentally edit production.
One-click revert
Every save is logged automatically. Click any save point to compare and optionally revert, no developer required.
Visual diff comparison
Click any save to see exactly what changed. Red highlights show removed values, green highlights show new, then dismiss or revert.
Infinite brand possibilities. No two alike.
From bold and saturated to minimal and restrained, ten Shopify Plus checkouts, each unmistakably its merchant’s. Same visual editor every time.
BlackMilk
- BlackMilk
- BlackMilk
Bring your brand into checkout.
Explore the visual editor during your 14-day trial. Checkout branding is included on every plan.
Start free trialNo credit card required. Cancel anytime. Plans from $49.99/mo.