You already know that an Option Set is a group of personalization fields shoppers interact with — but what actually makes those fields work?
In this article, we'll break down the parts behind the scenes that bring personalization to life — and how they all connect.
The Building Blocks of an Option Set
Each personalization field inside your Option Set is called an Option — and each Option has two critical properties:
1. Option Type
This defines how shoppers interact with the option — for example, a text input, dropdown, color swatch, or upload button.
Learn more about Option Types →
2. Function
This defines what the option actually does in your design. For example:
Change a color
Replace an image
Update a font
Show the stars for a specific date and location
It’s the function that links the option to the element in your template it should affect — like a text box, image placeholder, or color layer.
Learn more about Functions →
How Everything Connects
To personalize a product, each option in your Option Set connects a shopper’s input to something in your design. Here’s how it all comes together:
- One Option Set → contains multiple Options
- Each Option → has an Option Type (what shoppers see)
- Each Option → is assigned a Function (what it changes)
- Each Function → connects to an Element in your Design Template (like a text box or image placeholder)
Together, this setup makes sure that when a shopper interacts with your product page — like typing a name, choosing a color, or uploading an image — the product preview updates in real time to reflect that personalization.
In most cases, you won’t have to connect any of this yourself. Customily handles it automatically when creating option sets.
But understanding how everything works is helpful — especially if you want to edit options, customize behaviors, or build an Option Set manually later on.