Text #

The Text tool allows customers to add, edit, and personalize text directly within the Design Studio. Whether creating custom names, slogans, numbers, monograms, or promotional messages, Product Designer App provides a complete set of typography tools for designing professional-looking products.

Store administrators can configure text tools, create reusable text templates, define default text elements, and control available fonts and editing options.

This guide explains how to configure and use all text features available in the Design Studio.

What Can Customers Do? #

Using the Text tool, customers can:

• Add new text
• Edit existing text
• Use predefined text templates
• Change fonts
• Change font size
• Change text color
• Apply text styles
• Curve text into an arc
• Rotate and resize text
• Align text
• Duplicate or delete text

These tools allow customers to personalize products without requiring any design experience.

Text Workflow #

Typical workflow:

Open Design Studio
        ↓
Open Text Tool
        ↓
Add New Text or Select Template
        ↓
Customize Font & Style
        ↓
Move and Resize
        ↓
Save Design

Show the Text Tool #

The Text tool can be enabled or disabled for each Product Base.

Navigate to:

Product Base → Design Studio Settings → Tools

Enable Text to allow customers to add and edit text.

If disabled, the Text panel will not appear in the Design Studio.

Add Default Text #

Default text lets you preload editable text into a design.

Common examples include:

• Your Name
• Add Your Text
• Company Name
• Team Name
• Jersey Number
• Wedding Date
• Event Title

Customers simply click the text and replace it with their own content.

Default text is useful for products that always require personalization.

Text Templates #

Text Templates allow administrators to create reusable text layouts.

A template can include:

• Font
• Size
• Color
• Alignment
• Effects
• Position
• Arc settings

Customers can insert a template with one click instead of creating text from scratch.

Typical templates include:

• Happy Birthday
• Merry Christmas
• Congratulations
• Family Name
• Wedding Invitation
• Graduation
• Business Logo Text

Text templates help maintain consistent branding while simplifying the design process.

Add Arc Text #

Product Designer App supports curved text using Text Arc.

Customers can create:

• Circular text
• Semi-circle text
• Badge text
• Curved names
• Logo text
• Decorative typography

Arc text is commonly used for:

• Hats
• Badges
• Stickers
• Logos
• Sports uniforms
• Labels

The curve can be adjusted interactively inside the Design Studio.

Change Fonts #

Customers can select from the fonts provided by the administrator.

To ensure consistent printing, only configured fonts are available inside the Design Studio.

Changing the font updates the appearance instantly.

Choose fonts that match your products and brand identity.

Font Size #

Text size can be increased or decreased using the size controls.

Customers can quickly resize text by:

• Entering a size value
• Using increase/decrease controls
• Dragging the resize handles directly on the canvas

The preview updates in real time.

Font Color #

Customers can change text color using the color picker.

Depending on your Product Base configuration, they may:

• Choose any color
• Select predefined colors
• Use brand colors
• Match product colors

Color changes are reflected immediately in the preview.

Text Styles #

The Design Studio supports common typography styles.

Available options may include:

• Bold
• Italic
• Underline
• Uppercase
• Lowercase
• Letter Spacing
• Line Height
• Text Alignment

These controls make it easy to create professional-looking text designs.

Text Alignment #

Text can be aligned in several ways:

• Left
• Center
• Right
• Justified (when available)

Alignment is especially useful for multi-line text.

Rotate and Resize #

Every text object can be transformed directly on the canvas.

Customers can:

• Rotate
• Scale
• Move
• Resize
• Flip (if enabled)

Interactive controls make positioning text fast and intuitive.

Layer Management #

Text behaves like every other design element.

Customers can:

• Bring text forward
• Send text backward
• Duplicate text
• Lock text (if enabled)
• Delete text

This allows text to be combined with photos, clipart, and other design elements.

Editing Existing Text #

Clicking an existing text object opens the text editor.

Customers can modify:

• Content
• Font
• Size
• Color
• Style
• Arc settings
• Position

All changes are applied immediately.

Text and Pricing #

If your Printing Type uses text-based pricing, Product Designer App automatically includes text elements in the printing cost calculation.

Examples include:

• Pricing by number of colors
• Pricing by printed area
• Pricing by printable side
• Pricing by design elements

Pricing updates automatically as customers edit their text.

Recommended Fonts #

For the best experience:

• Use high-quality fonts.
• Upload only fonts licensed for commercial use.
• Limit the number of available fonts to simplify customer choices.
• Test fonts before publishing products.
• Avoid fonts that are difficult to read at small sizes.

Keeping a curated font library improves both usability and print quality.

Troubleshooting #

Fonts do not appear #

Verify that:

• Fonts have been uploaded correctly.
• The font is enabled.
• Browser cache has been cleared.

Text cannot be edited #

Check that:

• The Text tool is enabled.
• The text object is not locked.
• The selected template allows editing.

Font looks different after export #

This is usually caused by:

• Missing font files
• Unsupported font formats
• Font substitution during rendering

Always test exported PNG, PDF, and SVG files before production.

Arc Text is unavailable #

Verify that the Arc Text feature is enabled in your Product Base and that the selected text object supports curved text.

Best Practices #

For the best customer experience:

• Enable the Text tool for personalized products.
• Provide a carefully selected collection of readable fonts.
• Create reusable text templates for common designs.
• Use default text as editable placeholders.
• Test all fonts before publishing.
• Verify exported files match the Design Studio preview.
• Keep typography consistent with your brand.

The Text tool is one of the most powerful personalization features in Product Designer App. By combining editable text, reusable templates, custom fonts, and advanced typography controls, you can create an intuitive design experience while ensuring high-quality, print-ready results for every customized order.