> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://customix.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Spiral Text Personalization

The **Spiral Text** option lets customers write a longer personalized message and see it wind inward or outward along a spiral instead of sitting on a straight line, a distinctive look for coasters, coins, badges, or any product where text winding around a center point fits the design. Like Shaped Text, its default sample text is a full paragraph, since the spiral needs enough text to wind through its rings.

To add it, go to **Option sets** in the sidebar, open the option set for your product, click **Add option**, choose **Spiral text** under Text, then click **Add**. A spiral text layer appears on the preview canvas already winding sample text inward, and you can drag, resize, or rotate it into position on the product.

![Option sets in the sidebar navigation](https://lh3.googleusercontent.com/d/1I6Jotsb9c3prYaF_-1LywYIbyuwg_rrK=w1000)

![Add option button in the option set editor](https://lh3.googleusercontent.com/d/1iusL8Xx2iWYrKLAybfsyFsRxm0HeLHSi=w1000)

![Add option menu with Spiral text selected under Text](https://lh3.googleusercontent.com/d/1mHxQsEC6u1ANUKPHc5Be7zej6s14bO7F=w1000)

# Content

The **Content** section controls the label and default text.

* **Personalize text**: lets customers write their own paragraph, checked on by default
* **Label**: the field name shown above the input, defaults to "Spiral text"
* **Default text**: the sample paragraph shown on the preview canvas before a customer types anything, defaults to a lorem ipsum paragraph
* **Placeholder**: hint text shown inside the empty input before the customer types
* **Help text**: optional guidance shown below the input

![Content panel with Personalize text, Label, and Default text fields](https://lh3.googleusercontent.com/d/1sXMB7aPwCO1pTU_xeOHqow73s2GEFEDy=w1000)

* **Required**: the customer must enter text before they can add the product to cart
* **Is paragraph**: switches the input to a multi-line textarea instead of a single line, checked on by default
* **Move with bounding box**: keeps the box frame fixed and lets the text move and resize inside it, double-click the layer to edit the text directly

# Spiral shape

The **Spiral shape** section controls how tightly the text winds and where it starts.

* **Inner radius**: the size of the empty space at the center of the spiral, defaults to 22
* **Ring spacing**: how far apart each loop of the spiral sits from the next, defaults to 35
* **Start angle (deg)**: the angle around the circle where the text begins, defaults to 0
* **Direction**: choose **Outer → inner** to wind the text from the outside in, or **Inner → outer** to wind it from the center out

![Move with bounding box field, and the Spiral shape panel with Inner radius, Ring spacing, Start angle, and Direction fields](https://lh3.googleusercontent.com/d/1yV8sGXqHOaLDFsFHFg1xz1UZkdiditqB=w1000)

# Fonts & characters

The **Fonts & characters** section controls typography.

* **Default font**: search and pick the font used for the spiral text
* **Personalize font**: lets customers choose their own font on the storefront, off by default
* **Max font size** and **Min font size**: the range the text can scale within, defaults to 75 and 1
* **Character spacing**: extra space added between characters, defaults to 0

![Fonts & characters panel with Default font, Personalize font, Max and Min font size, and Character spacing](https://lh3.googleusercontent.com/d/1GSWmZ9CWMtoBgzIPYrVzTf0gR6gKgg4z=w1000)

# Colors

The **Colors** section controls the text color.

* **Default value**: the color applied to the text, black by default
* **Personalize**: lets customers pick their own text color on the storefront, off by default

![Colors panel with Default value swatch and Personalize checkbox](https://lh3.googleusercontent.com/d/19km1Ib9y58v_x7o5XR5uWHSvudm_aO_4=w1000)

# Style & effect

The **Style & effect** section adds a shadow and an outline behind the text.

* **Shadow color**: the color of the drop shadow, black by default
* **Blur**: how soft the shadow's edge is, 0 by default (no shadow)
* **Offset**: drag inside the position pad to nudge the shadow away from the text, or click **Reset position** to put it back at center

![Style & effect panel with Shadow color, Blur, and Offset controls](https://lh3.googleusercontent.com/d/1IIKrUSi5SPKnkTDiGuCbARJrH3ODW2D_=w1000)

* **Stroke width**: thickness of the outline, 0 by default (no stroke)
* **Stroke color**: color of the outline, black by default

![Stroke width and Stroke color fields below the Shadow controls](https://lh3.googleusercontent.com/d/1CxZ2g8vgHWT3ErH0BUnO9dpIB1bftaMs=w1000)

# Transform

Fine-tune the spiral text layer's width, height, X/Y position, skew, opacity, and rotation, the same controls available on every other layer type, to nudge it into exactly the right spot on the mockup.

![Transform panel with Width, Height, X, Y, Skew X, Skew Y, Opacity, and Rotation fields](https://lh3.googleusercontent.com/d/1UTdl4fEZrlYwzMUQgGMImgeqK0wsuQME=w1000)

Like most option types, Spiral Text also supports conditions, so you can show or hide it based on another selection elsewhere in the option set. See the Conditional Option Sets guide if you want to set that up.

> 📌 Don't forget to click **Save** once you're happy with the setup, and make sure the option set's status is **Active** (not Draft). Customers won't see the Spiral Text option on your storefront until both are done.