Add Text & Text Personalization
TABLE OF CONTENTS
To add a text to your artwork, click on the "Text" button.
Or upload a PSD file. If you choose to import text from a PSD file, remember to click converting your PSD text to Teeinblue's text layer. After conveting, you should re-check the text font family and adjust it if needed
General Settings
Default text
Your text content. Add a text that you want to be showed by default on design.
Eg. Lily (a name for a woman), 17/09/2020...
Text orientation
The Single-line Text layer currently supports two text orientations:
- Horizontal: Displays text horizontally. Continue reading the sections below to learn more about the available settings.
- Vertical: Displays text vertically.
- It supports Font Style, Font Color, Stroke, Shadow, and Line Spacing. However, Vertical Text does not currently support Right-to-left text direction.
- The Text Background, Skew, Alignment, and Auto-scale Text settings are coming soon.
Text color
Change the default color of this text.
Fonts
Please read the article: About Fonts for more details.
Auto scale when text is too long
Set a limit for text frame-width. It will help to scale text size when text is long and reach the frame-width limit.
Text Background
You can also set a background effect for the custom text fields.
And this is the results on your Storefront:
Personalization Settings
Add toggle to show/hide
Same as the option in Layer options. Learn more.
No Personalization
Turn this on if you do not want customer to add text for this layer.
Enable Personalization
Enable "Allow personalized" toggle to allow your customer to make custom changes with that text.
After enabled, there will be an input field on personalization form on storefront to add custom text.
Option Title
Show the label of the text field on storefront.
Eg. Upload your photo, Woman's name...
Placeholder Text
Temporary text showed on input field as guidelines.
Eg. Type your name here
Input type
Set default input type:
- All characters (Aa Bb 123 @#$)
- Only numbers (123)
- Date picker
- Custom rules
Numbers & Scripts
TYPE | EXAMPLE | USE CASE |
|---|---|---|
Digits | 0 1 2 3 4 5 6 7 8 9 | Use when customers need to enter numbers such as dates, ages, or jersey numbers. Helps keep inputs limited to numeric values only. |
Latin Basic | A a B b C c X x Y y Z z | Best for English-based inputs like names, initials, or short messages. Ensures compatibility across most fonts and designs. |
Latin Extended | À à Ü Ö ö ß Ç ç Ñ ñ | Useful for supporting accented Latin letters — great for European languages like French, German, or Spanish. |
Non-Latin + Ideographs | あ カ 汉 字 ก น บ ج प अ | Enables characters from non-Latin scripts (e.g., Japanese, Chinese, Thai, Arabic). Recommended for stores targeting international customers. |
Misc
TYPE | EXAMPLE | USE CASE |
|---|---|---|
Punctuation | . , ; " [ ] ( ) ? < > _ - | Allows punctuation in messages or quotes, such as “I Love You!” or “#1 Dad.” |
Common Symbols | ! @ # ~ % & * $ € | Supports common typographic symbols often used in creative text, like “Best $Dad$ Ever.” |
Miscellaneous Symbols | ★ ♡ ✿ ✓ ← → ☀ | Lets customers add decorative symbols to personalize designs — e.g., stars, hearts, or arrows. |
Emojis - Unsupported | 😊 🍰 👑 💗 | Emojis aren’t supported due to font and print limitations. To avoid issues, these characters are blocked by default. |
Advanced
TYPE | EXAMPLE | USE CASE |
|---|---|---|
Character Exceptions | ä, ×, ! | Manually block specific words or characters that aren’t covered by the options above, useful for filtering out brand names, inappropriate text, or other special cases |
Whitespace Settings | (e.g., space handling) | Controls whether spaces are allowed, trimmed, or repeated. This helps manage multi-word entries like “Anna Marie” or “The Best Dad.” |
Input text case
Choose how to display your customer's texts:
- Normal
- lowercase
- UPPERCASE
- Capitalize Each Word
Text character limit
Set limit on the number of characters that customer type in. This prevents too long text or overlapping.
Enable prefix/suffix
Set a fixed word/character before or after your personalized text. The position of this word won't be changed as your customer add text
Eg. Mr. Leroy
Allow customers to change Text Color
You can choose to offer your color option as
- Color Picker
- or limit the number of colors by setting up with Color Category (in Assets page). Learn more on how to set up Color Category here
Allow customers to change Font
Let your customer choose font family. This feature only works if you set up the original text layer with Custom Font
- Step 1: You'll need to set up Font Category in Assets > Font Categories. Learn more on how to set up Font Categories here
- Step 2: Go back editing the text layer in Artwork > choose the Font Category that you've just created
Here's is the result on storefront:
Populate values from other options
Follow the detailed instruction for this feature here: Auto-populate values from other options
Mark as required
Enable this option if it's a mandatory field to place order.
Align text
Choose alignment for your text input.
Stroke Text
You can add stroke effect to your text via this setting.
And this the the results on your Storefront:
Letter Spacing
You can adjust letter spacing using this icon
Paragraph
The Paragraph layer allows you to add a multiline text field where customers can enter lyrics, quotes, messages, or any other text they want to personalize their products with.
For more details, please refer to this article.
Conditional Settings
Add Condition
For detailed instruction, read this article: Add Condition for Layer
Extra Settings
Custom class
This field is only used for extra styling. Require CSS knowledge.
Updated on: 20/10/2026
Thank you!