Tutorials

Super Checkout: Brand Styler guides

Everything you need to design your Shopify checkout and customer accounts with Super Checkout: Brand Styler - a visual, no-code editor with a live preview that publishes through Shopify's supported branding APIs. Pick a guide below, or start at the top if you are new.

Start here

  • Getting started

    Install the app, open the editor, import your current branding and publish your first change.

  • Branding basics

    Colors, typography, corner radius and logos - the design tokens that shape every surface.

Go deeper

  • Checkout & account pages

    Style checkout, the thank-you page, customer accounts and sign-in - and how they relate.

  • Using the live preview

    Surfaces, desktop and mobile, before/after compare, edit pins and dev mode.

  • Publishing & reverting

    Drafts, undo/redo, the unsaved-changes guard, publishing safely and rolling back.

  • Plans and usage

    What the Pro plan includes, the Shopify Plus requirement, the trial, and how billing works through Shopify.

Have a question rather than a task? The Super Checkout FAQ covers the most common ones, and support replies within one business day.