Rainbow Text is a separate text layer type (not a color effect layered on top of an existing text layer) that assigns a different color to each character, cycling through a custom set of swatches.

To add it, click the Text tool in the left sidebar, then choose Rainbow Text from the list (alongside Curved Text, Warp Text, Shaped Text, Spiral Text, Crossword, and Word Search).

A new Rainbow Text layer starts with the default content "Your text" cycling through 4 colors, a Content panel (Content, Prefix, Suffix), and a Personalization section with three checkboxes: Personalize text, Personalize font, Personalize palette.

Personalize text: letting customers type their own text

Personalize text is the main toggle: without it, the text is fixed at whatever you typed in Content and the customer can't change it. Ticking it turns the layer into a real input field on the storefront and reveals a full set of options.

• Label: the field name shown to the customer (defaults to the layer's current text)
• Help text: optional instructions shown under the field

• Placeholder: greyed-out example text shown before the customer types anything
• Max length: caps how many characters the customer can enter
• Required: forces the customer to fill this field before ordering
• Move with bounding box: keeps the box frame fixed and lets the text move/resize inside it (double-click to edit the text)

• Is paragraph: switches the field to a multi-line textarea, for longer text inputs
• Is numeric: restricts input to numbers
• Trim whitespace: strips leading/trailing spaces from what the customer types
• Display swatches by characters / Display layout swatches by text length: control how color/layout swatch pickers respond to the entered text's length
• Text transform: force the customer's input to Normal, Uppercase, or Lowercase
• Custom regex: validate input against a custom pattern (e.g. `^[a-zA-Z0-9]+Rainbow Text is a separate text layer type (not a color effect layered on top of an existing text layer) that assigns a different color to each character, cycling through a custom set of swatches.

To add it, click the Text tool in the left sidebar, then choose Rainbow Text from the list (alongside Curved Text, Warp Text, Shaped Text, Spiral Text, Crossword, and Word Search).

A new Rainbow Text layer starts with the default content "Your text" cycling through 4 colors, a Content panel (Content, Prefix, Suffix), and a Personalization section with three checkboxes: Personalize text, Personalize font, Personalize palette.

Personalize text: letting customers type their own text

Personalize text is the main toggle: without it, the text is fixed at whatever you typed in Content and the customer can't change it. Ticking it turns the layer into a real input field on the storefront and reveals a full set of options.

• Label: the field name shown to the customer (defaults to the layer's current text)
• Help text: optional instructions shown under the field

• Placeholder: greyed-out example text shown before the customer types anything
• Max length: caps how many characters the customer can enter
• Required: forces the customer to fill this field before ordering
• Move with bounding box: keeps the box frame fixed and lets the text move/resize inside it (double-click to edit the text)

• Is paragraph: switches the field to a multi-line textarea, for longer text inputs
• Is numeric: restricts input to numbers
• Trim whitespace: strips leading/trailing spaces from what the customer types
• Display swatches by characters / Display layout swatches by text length: control how color/layout swatch pickers respond to the entered text's length
• Text transform: force the customer's input to Normal, Uppercase, or Lowercase
• Custom regex: validate input against a custom pattern (e.g. )

Font, size, and spacing

Click the Font icon in the canvas toolbar to open the font picker (custom uploaded fonts or the free font library) and choose a typeface.

• Font size: the numeric button next to Font
• Character Spacing: opens a slider/value popover controlling the gap between letters

• Line Height: the bracket icon opens a slider for spacing between lines (relevant once Automatic Multiline wraps the text onto more than one line)

• Text Align: controls both horizontal (left/center/right) and vertical (top/middle/bottom) alignment of the text inside its bounding box

• Automatic Multiline: toggles whether the text wraps automatically inside the box
• Uppercase: forces the rendered text to capitals regardless of what was typed

Shadow

Click the shadow (circle) icon to add a drop shadow: Shadow color, Blur, and a draggable Offset pad (with Reset position).

Palette: the rainbow effect itself

Click the Palette icon to open the color cycling settings:

• Each swatch shows its hex color, click it to change the color, or click the trash icon to remove it
• Character colors cycle through the swatches in order, and spaces are skipped, so multi-word text keeps its rhythm across words
• Add color: adds another swatch to the cycle, up to 12 total

Stroke

Click the Stroke icon ("−") for an outline around each character: Stroke width and Stroke color.

Max characters

The ∞ icon sets a hard cap on how many characters the layer can hold (defaults to Unlimited), independent of the Max length field under Personalize text.

Transform

The standard Transform panel (Width, Height, X, Y, Skew, flip, Opacity, Rotation, and canvas alignment icons) is shared across all layer types, not specific to Rainbow Text.

Personalize font

Instead of being locked to whichever single font you picked in the canvas toolbar's Font panel, Personalize font gives the customer a font-picker on the storefront.

Tick the checkbox to turn it on:

This opens the account's Fonts asset library, the same picker used everywhere else fonts are chosen in Customix: a searchable list of Folders (curated font sets) plus individual Files, sortable by upload date, with its own Add button for uploading a new font on the spot. Select the folder(s) you want to make available:

Click Done, and the Personalization panel fills in the rest:

• Label: the field name shown to the customer (defaults to the folder's name)
• Required: forces the customer to pick a font before ordering
• Values: a thumbnail preview ("Aa") for each font in the selected folder(s), a Folder: [name] chip showing which folder is feeding this list, a Display type link, and an Add value button to bring in more folders

Personalize palette

Personalize palette works the same way, but for the character-color cycle instead of the font: instead of always rendering with the swatches you set in the Palette panel above, the customer picks which palette to apply to their own text.

Tick the checkbox to turn it on:

This reveals:

• Label: the field name shown to the customer (defaults to the layer's current text)
• Required: forces the customer to pick a palette before ordering
• Palettes: a list of named color-cycle presets (each showing a color-bar preview, an Edit pencil, and More actions), a Remove default value / Edit shortcut for the first entry, and an Add palette button that opens a Create palette dialog (palette name, swatches, up to 12 colors) so you can add as many presets as the customer should be able to choose from
• Display style: how the palette picker renders on the storefront, Color bar, Thumbnail image, Inline button, or Dropdown

Updated on: 21/07/2026