Functions are what connect your options to your product’s design. They are what make your personalization options actually work. They tell Customily what each option is supposed to do — whether it should change the text, switch the background image, change a color, or change a font.
Without a function, an option won’t impact the product preview or print file — it will simply appear as a field on your store.
How Functions Work
Each function is assigned to an individual option and defines how that option will interact with your design. For example, a function can change the text of a warped text, switch a font, or replace an image.
If you're creating your Option Set automatically (like when creating a my design), all the necessary functions will be assigned for you. You don’t need to configure anything — the personalization will just work.
However, if you’re editing or creating an Option Set manually, you’ll need to assign the right function to each option yourself. You can learn how to do that here: Assigning Functions to Your Options.
In many cases, an option can have more than one function. This is useful when a single shopper selection needs to affect multiple design elements — for example, using a swatch to change the color of several text elements at once. We cover how to do that step-by-step here: Using One Option to Control Multiple Elements.
It’s also important to note that not all functions work with all option types. Some option types — like dropdowns or swatches — support multiple functions. Others — like Image Upload or Star Map — are limited to one specific function. When assigning functions, Customily will only show you compatible combinations to avoid confusion.
Available Functions
Functions define what each option does in your design. Here’s a complete list of the current Customily functions, organized by category:
✏️ Text & Style Functions
Text: Replaces the content of a text element.
Text Color: Changes the fill color of a text element.
Text Outline Color: Changes the outline (stroke) color of a text element.
Font Type: Changes the font used in a text element.
🖼️ Image & Vector Functions
Image Upload: Displays an image uploaded by the shopper in an image placeholder.
Vector Upload: Displays a vector file uploaded by the shopper in a vector placeholder.
Dynamic Image: Displays a pre-set image from the Dynamic Image element based on the shopper’s selection.
Dynamic Vector: Displays a pre-set vector from the Dynamic Vector element based on the shopper’s selection.
Image Color: Changes the color fill of an image placeholder.
Dynamic Vector Color: Changes the color fill of a dynamic vector.
🤖 AI & Interactive Functions
Prompt: Generates an AI-created image based on a shopper’s text prompt.
Crossword: Displays a personalized crossword puzzle based on shopper input.
Spotify Player: Loads the song information (such as track title, artist, and album art) based on the shoppers chosen song.
QR Code: Generates a scannable QR code using a URL provided by the shopper.
Calendar: Displays a selected date inside a calendar design.
Moon Phase Calendar: Shows the moon phase based on the selected date.
🗺️ Location & Map Functions
Map Search: Generates a map based on a typed location (city, country, or address).
Map Style: Changes the map’s visual theme (e.g., minimalist, vintage).
Star Map Search: Generates a star map based on a typed location and date.
Star Map Style: Changes the star map’s visual theme (e.g., dark, navy).
Star Map Display: Toggles optional visual layers on the star map (e.g., grid lines, constellations).
🔗 Utility & Add-ons
Change Template: Switches to a different design template based on the option selected.
Layout Visibility: Shows or hides a layout section in your design.
Add Shopify Product: Adds an additional Shopify product to the cart when the option is selected (great for bundles or upsells).