Styling the customizer — Brand & Language
Make the customizer look and sound like your store — the Customise button, colours, layout options, cart preview styling, and 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 page is one long form in two halves, Branding and Language, with a search box at the top ("Search settings...") that filters sections. Changes aren't live until you click Save; the View on your store button then opens a product so you can see the result.
Branding
Product Page Button
The button that opens the customizer on your product pages. Set its Button Label (default "Customise"), text, button and border colours, Border Radius, Button Width, and a Custom Class Name if your theme needs a hook. "Customise", "Personalise it", "Make it yours" — the label is yours.
Modal Colours, Borders & Corners
The customizer's palette: primary and secondary colours, tools and canvas backgrounds, title and body colours and font sizes, and the radius and width of 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.
Layout Options
- Modal Layout — Gallery on the Left or Gallery on the Right: which side of the modal the canvas sits on.
- Tools Layout — Stacked (all tools visible at once, scrolling) or Tabbed (Images / Text / Graphics tabs).
- Font Button Display — how the font picker labels each font: Font Name, a sample (abc, abcABC, AaBbCc) or Custom Text. Font Dropdown Threshold switches to a dropdown when a text element offers that many fonts or more.
- Text Colour Display — Swatch only or Swatch with label, in 1–3 columns.
- Variant Quantity Layout — One Column or Two Columns in the size-and-quantity step.
- Variant Tab Display — Enable dropdown for many variants plus a threshold.
- Sticky continue button on mobile — keeps Continue fixed at the bottom on phones.
- Show per-unit pricing in the cart summary — shows "6 × $55.00 → $44.00 ea" when a Spend & Save tier applies. Off by default.
- Remind customers that white design areas aren't printed — a one-time reminder when a shopper adds a white or natural garment. Off by default.
- Mobile Minimise Button — Button or Bar style.
- Toolbar Positions — where the side selector and the Move, Text and Order toolbars sit on mobile and desktop, and whether Move tools use icons.
Whether the customizer opens as a modal at all, or sits inline on the product page, is a per-template choice — see Embedded layout.
Element Sizes and Tool Section Colours
The size of option tiles (stickers, backgrounds, masks, images) on mobile and desktop, and a background, text and border colour for each tool section — Variant, Image, Text and Graphic — independently.
Cart Preview Theme
Colours and text for the pieces the app adds to your cart: the Custom badge on the line's thumbnail, the View Design button, the preview dialog, and the surcharge label. Where these appear in your theme's cart is a Settings matter — see Troubleshooting.
Cart Loading Animation and Success Page
Swap the loading image for your own (a spinning logo, your mascot) and set up to four rotating messages shown while the design is added to cart. The Success Page section sets the message and image shown after "Added to Cart!".
Language
Every customer-facing string in the customizer is editable — around 135 fields, grouped by where they appear. Each field shows the default as its placeholder; leave a field blank to keep the default.
| Section | Covers |
|---|---|
| Tool Labels | Titles, intros, upload button and field labels for the Images, Text, Stickers, Masks, Backgrounds and Graphics tools |
| Navigation & Actions | Prev, Next, Continue, Expand, Minimise, OK, Cancel, Start Again |
| Size & Cart Labels | The size-and-quantity step: "Select Size & Quantity", Sold Out, totals, Add to Cart, the added-to-cart screen (Keep Editing, Start New Design, View Cart, Continue Shopping) |
| Legal Confirmation | The review step: title ("Review your design"), text ("One quick confirmation"), the checkbox ("This design is mine to print — I have the rights to it."), Continue, and the "Review my design" back link. The checkbox label can also be overridden per template in Template Settings → Copy Overrides. |
| Discount Progress Bar | The Spend & Save messages, with {distance} and {discount} placeholders |
| Error Messages | Upload and network errors, with {maxSize}, {maxDim} and {minDim} placeholders |
| Loading & Confirmation | Loading, timeout, retry and "start fresh" dialogs |
| Canvas Toolbar | Move, align, fit, scale and aspect-lock labels and tooltips |
| AI Image Generation, Style Remix, Word Art | Every label in the AI tools, including quality options and error messages |
Translate the lot, or just sand off the words that don't sound like you.
Custom CSS
For anything the settings don't reach, Settings → Custom CSS accepts your own rules. The customizer's elements carry stable pw- class names, listed on that page — for example .pw-title, .pw-button-primary, .pw-element-button, .pw-modal, .pw-custom-badge — 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
- What the customer sees once it's styled: The storefront customizer
- Run the customizer inline on the product page: Embedded layout