Skip to main content
A design template describes the look. An option set describes what can change. In this guide you’ll build a minimal option set with one text field and one color swatch, then attach it to the template you built in the previous step.

​
1. Open Option Sets

From the sidebar click Option Sets, then Create option set. Customei asks you for:
  • Name — something clear for your team, e.g. Mug personalization.
  • Template to preview against — pick the template you built in the previous step. Customei will use it as the live preview while you edit.
Click Create. Customei opens the option set editor.

​
2. Add a text field

1

Click Add field and pick Text

A new text field appears in the fields list. It’s empty on the right-hand preview because nothing is bound yet.
2

Label the field

Give it a label like Your name. This is what the customer will see on the storefront.
3

Bind it to a template layer

In the field’s settings panel, pick Bound layer and choose the text layer you added in the previous guide. Now whatever the customer types here will render into that layer.
4

Set a default and toggle Required

Give it a default value (e.g. Alex) so the preview has something to show, and mark it as Required — a blank name on a personalized mug is almost always a bug.
Your right-hand preview should now show the template with Alex (or whatever default you set) rendered in the text layer.

​
3. Add a color swatch

1

Click Add field and pick Swatch

A new swatch field appears, ready to hold color values.
2

Label it and add values

Label it Color, then add a few values — e.g. Black, White, Red. Each value takes a color code or a swatch image.
3

Bind it to the text layer's color

In the field’s binding settings, map the swatch to the fill color of the text layer. When the customer picks a swatch, the text color updates in real time.
Bindings are the heart of every option set. Almost every property of every layer is bindable — color, position, scale, rotation, content, visibility. Explore this later in Field types.

​
4. Save and publish

Click Save. Customei persists your option set and — importantly — rebuilds the bundle that the storefront widget reads from. That rebuild happens in the background; it usually takes a few seconds. Until the bundle is rebuilt, the storefront widget will keep showing the previous version. This protects live customers from seeing half-finished edits.
1

Open the Products section

From the sidebar, click Products. Customei lists every product synced from your Shopify store.
2

Pick the product you want to personalize

Click it to open its settings page.
3

Assign the template and option set

Pick the template and the option set you just built. Save.
That’s it on the admin side — the product is now personalizable. The last piece is turning on the storefront widget so customers actually see the form.

​
Next step

Publish to your storefront →