Skip to main content
The questions Customei adds to your product page come with a plain, tidy look. This tab is where you make them look like the rest of your store: your colours, your corners, your text size. You change a setting on the left and watch a real form change on the right. Nothing here needs code. Go to Preferences and open the Theme tab.
The Theme tab in Customei preferences, in three columns: a category list with Basics, Option types and Advanced, the settings for Labels and help, and a live Preview panel showing a sample personalization form.

1 what you can style, 2 the settings for it, 3 a live preview, 4 which saved look you're editing.

​
How you work here

1

Pick what you want to change

The list on the left is a list of things on the form, not a list of pages. Basics is the stuff every question shares. Option types is one entry per kind of question.
2

Change the settings

Sliders for sizes, colour boxes for colours, small button rows for choices like Left / Center / Right.
3

Watch the preview

The panel on the right is a working form. It changes as you drag.
4

Save

A bar appears at the top with Save and Cancel. Save it and your storefront picks up the new look within a few seconds. You don’t have to publish your option sets again.

​
Basics: what every question shares

Start here. These three cover the things a customer notices first.
Getting Labels & help to match your theme’s own text is usually enough to make the whole form look like it belongs. Do that before you touch anything else.

​
Option types: one kind of question at a time

Each entry under Option types styles one kind of question wherever it appears in your store. Pick one and the settings are grouped into small cards: the size and shape, the colours, and how it looks when the customer interacts with it.
The Color swatches category with Shape and Size, Border, Effect and Label cards. The Effect card has Hover and Active buttons highlighted, and the preview on the right shows four colour chips.

Colour swatches. The Effect card has two states behind one pair of buttons.

Where you see Hover and Active together, you are looking at two different moments, not two settings:
  • Hover is how it looks while the customer’s mouse is over it.
  • Active is how it looks once they have chosen it.
Make Active clearly different from the rest. If a chosen swatch looks the same as an unchosen one, customers pick twice and get confused. Reset, at the top right of the settings, puts only the category you are looking at back to how it started. Cancel in the save bar throws away everything you changed since your last save.

​
The live preview

The preview is not a picture, it is a working form with sample questions in it. Click the chips, type in the box.
The Preview panel showing desktop, tablet and phone icons, a This option and Full form toggle with This option selected, and a Color question with four swatches.

Two views, and three screen widths.

  • This option shows just the kind of question you are editing, so nothing else distracts you.
  • Full form shows a whole form with every kind of question in it, which is how you catch a colour that looks fine alone and clashes in a crowd.
  • The three small icons at the top right shrink the preview to a desktop, a tablet and a phone width. Check the phone before you save; that is where most of your customers are.

​
Saving more than one look

The names beside the title are saved looks, called profiles. A profile is one complete set of the settings on this page. Most stores need one. A second is handy for a seasonal look you plan to switch to and back from.
The theme toolbar showing a Default profile dropdown, a New profile button, and an open menu with Rename, Duplicate and a greyed-out Delete.

The saved look you're editing, and the menu for renaming, copying or deleting it.

  • The dropdown on the left shows which profile is live. Switch it and your storefront changes to that look right away.
  • New profile makes another one, asks for a name, and switches to it.
  • The … menu holds Rename, Duplicate (a copy to experiment on, so your live look stays untouched) and Delete.
  • Delete is greyed out when you only have one profile, because something has to be live.
These buttons are all switched off while you have unsaved changes. Save or Cancel first, then switch or copy. It stops you from carrying half-finished edits into another profile by accident.
There is one look for your whole account. Change it and every product page using Customei changes with it, live, as soon as you save.

​
Where to next

Where the design shows on your product page

The other half of how your product page is arranged.

Check your options before customers do

Try the real thing, on your own option set.