Articles on: Define Design

Define Design: Texts

TABLE OF CONTENTS


These are the primary contents covered in this article:
Insert Text
Upload Custom Font
Select Type Of Text
Define Text
Preview Text

INSERT TEXT


Hit the Text button to add new Text box.


UPLOAD CUSTOM FONT


Upload in your Resources Menu
Learn More: All About Resources

Upload directly in Define Design:
Step 1: Click on the Text box. On the left-hand menu, go to Current Font section then open the drop-down list of My Fonts.
Step 2: Click Upload Font.

Step 3: Drag and drop to upload the custom font or click to select files from your computer.
Step 4: Click Upload.

Custom Fonts are accepted with format: .ttf, .woff, .woff2.

SELECT TYPE OF TEXT


Short Text: Text will be automatically adjusted to fit in one line.
Long Text: Text will be broken down into many lines if it reach the space limit of the first line.


DEFINE TEXT


Type: Select Short Text or Long Text from the drop-down list.
Enable Required button if the customer is required to enter a text.
Label field:
"Custom Text": this is the name of the text field that is shown on the live store.
"Your Text Here": this is the example of the field's content that is shown on the live store.
Maximum Length is the character limit of the text.
Font Size: adjust the size of text.
Current Font: Select one from My Fonts or Google Fonts drop-down list. Below buttons are full options to modify the text.
Text Background Color: Choose a color to highlight your text if needed.
Stroke Color & Stroke Width: Outline the whole text.
Format Validation: Choose one option from the drop-down list to restrict the input characters in the text field:
- Allow Numbers
- Allow Alphabet
- Allow Special Characters
Add Child Layer: Duplicate a text box and the child layer's text is synced exactly as the parent one.
Display All Children Texts on Frontend: Enable this button to allow all the children layers appear on the mockup photo and preview image in Edit Design.
If you turn off this button, you'll only see the parent text. The children texts will show up when you finish inputting the parent layer's value.
Click the SAVE button in the bottom-left corner of the screen to apply changes.


You can define the font, size, color, background color of the child text in a different way from the parent text. Just click the child text's "T" icon and go to its Layers Options.

PREVIEW TEXT


Click the PREVIEW button in the bottom-left corner of the screen to open product preview in Dastomize.
This interface demonstrates exactly what happens on your live store when the customer clicks the Personalize button.
Step 1: Click on the Text box (or Parent Text box if you have created a child text) to open Edit Text section.
Step 2: Input the custom text.
In this step, you will see the child text on the design is synced with the parent one.
Step 3: Click Preview Text to finish.


Text layers can be re-ordered in Define Design page. Learn more about Re-order Field.

Updated on: 16/05/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!