Styling the customizer — Brand & Language

Make the customizer look and sound like your store — colours, layout, every customer-facing string.

Out of the box the customizer is deliberately neutral. Brand & Language in the app is where you make it yours — the colours, the layout, and every word your customer reads.

The Customise button

The button that opens the customizer on your product pages. Set its label, background and text colours, border, width, corner radius, and a CSS class if your theme needs a hook. "Customise", "Personalise it", "Make it yours" — the label is yours.

Two ways the customizer can live on a product page:

  • Modal (default) — the customizer opens over the page. Pick a preset: side panel, full modal, or drawer.
  • Embedded — the customizer sits inline in the product page itself, replacing the product media. No overlay, no click-to-open. The product page is the customizer.

Modal/embedded is a per-template choice in the template builder's Settings panel. Embedded mode needs to know where your theme's product media lives — Settings → Embedded Mode Settings holds the CSS selectors for it (desktop and mobile separately), the canvas background colour, and a mobile sticky bar option. Most themes need a few minutes of selector setup; if you get stuck, we'll help.

Colours and typography

The modal's whole palette is configurable: primary and secondary colours, text colours, backgrounds, canvas colour, borders. Plus title and body font sizes, and corner radii for buttons, elements, and cards.

The pattern that works: pull the hexes straight from your theme's settings so the customizer reads as part of the store, not a bolt-on.

Every string, editable

All customer-facing copy in the customizer is editable — sixty-plus strings covering:

  • Text tools — panel title, intro, field labels, font and colour labels
  • Image tools — upload button, upload instructions, background-removal toggle and tooltip
  • Graphics — titles and intros for stickers, backgrounds, and masks
  • AI tools — every label, prompt placeholder, quality descriptions, generating messages, and error states
  • Navigation — previous/next/continue, expand/minimise, start again
  • Variant selection and cart — size labels, sold-out labels, totals, add-to-cart, the added-to-cart confirmation

Translate the lot, or just sand off the words that don't sound like you. Empty fields fall back to the defaults.

Custom loading image

While the customizer loads, customers see a loading animation. Swap in your own image or GIF — a spinning logo, your mascot, whatever fits.

Custom CSS

For anything the settings don't reach, Settings → Custom CSS accepts your own rules. The customizer's elements carry stable class names (.pw-title, .pw-subtitle, .pw-heading, .pw-intro, .pw-label) so your overrides survive updates.

Reach for custom CSS last. The built-in settings cover most brands, and CSS you write is CSS you maintain.

What's next