How to Set Up Rainbow Text Feature
Customall offers a Personalized Rainbow Text feature, enabling your customers to create truly eye-catching and unique designs with vibrant, multicolored text.
The article below will guide you through the setup process of the Rainbow Text feature:
Go to Artwork editor → Click on the + icon → Select Rainbow text
The Layer Settings section includes:
Enable this layer to be dependent on other rainbow text layer, ensuring identical attributes.
e.g., layer B depends on Layer A, entering text characters on Layer A will result in the same characters appearing on Layer B.
Default text: The default text displayed for preview purposes.
Font family: Select a font for the rainbow text from the list, or click Add Font to add a new one.
Color scheme: Click the Upload button to add a new color scheme.
A pop-up will appear where you can enter the scheme name, upload a thumbnail, and set up the color scheme by choosing text colors and clicking Add color.
Click on Edit mode to delete or reorder colors.
Once you are done, click Save changes to save your color scheme.
A color scheme can contain a maximum of 20 colors.
To edit or remove a color scheme, double-click on it. A pop-up will appear, allowing you to make changes or delete it.
Enable Allow buyers to personalize to let customers customize the text. Uncheck it if you don't want to offer text customization.
ALLOW BUYERS INPUT TEXT:
'Text input' label: Display the title of the rainbow text field on the storefront.
'Text input' place holder: Temporary text displays in the input field until an action is taken.
'Text input' help text: Additional explanations displayed when needed.
Min/ Max characters: Set limit on the number of characters that customer type in.
Required: Check if this field must be filled for placing an order.
Allowed text case: Select how the text appears.
Text alignment: Select the alignment of the text: Left, Center, or Right.
ALLOW BUYERS TO SELECT COLOR SCHEME:
'Select color' label: Displays the title for the text color scheme selection field on the storefront.
'Select color' help text: Additional explanations displayed when needed.
Buyer can select: Choose the color scheme for customers to select.
Color selection display mode: Choose the display mode for showing color scheme selection.
It will appear on the storefront like this
ALLOW BUYERS TO CHANGE TEXT FONTS:
'Select font' label: Displays the title for the font selection field on your storefront.
'Select font' help text: Additional explanations displayed when needed.
Font collection: Select the fonts you want to make available for your customers. You can also upload new fonts by clicking Add font.
To ensure all fonts are displayed correctly and look great, click on Test font before your save. Select the font you want to check.
It will appear on the storefront like this. Please double-check to ensure everything looks perfect.
Enable rainbow text layer settings and features from one template to be applied to other templates with the same layer ID within the artwork.
Click here for user experience demonstration: Rainbow Text Feature Demonstration
The article below will guide you through the setup process of the Rainbow Text feature:
Go to Artwork editor → Click on the + icon → Select Rainbow text
The Layer Settings section includes:
- Depend on another layer:
Enable this layer to be dependent on other rainbow text layer, ensuring identical attributes.
e.g., layer B depends on Layer A, entering text characters on Layer A will result in the same characters appearing on Layer B.
- Default Setting
Default text: The default text displayed for preview purposes.
Font family: Select a font for the rainbow text from the list, or click Add Font to add a new one.
Color scheme: Click the Upload button to add a new color scheme.
A pop-up will appear where you can enter the scheme name, upload a thumbnail, and set up the color scheme by choosing text colors and clicking Add color.
Click on Edit mode to delete or reorder colors.
Once you are done, click Save changes to save your color scheme.
A color scheme can contain a maximum of 20 colors.
To edit or remove a color scheme, double-click on it. A pop-up will appear, allowing you to make changes or delete it.
- Personalization
Enable Allow buyers to personalize to let customers customize the text. Uncheck it if you don't want to offer text customization.
ALLOW BUYERS INPUT TEXT:
'Text input' label: Display the title of the rainbow text field on the storefront.
'Text input' place holder: Temporary text displays in the input field until an action is taken.
'Text input' help text: Additional explanations displayed when needed.
Min/ Max characters: Set limit on the number of characters that customer type in.
Required: Check if this field must be filled for placing an order.
Allowed text case: Select how the text appears.
Text alignment: Select the alignment of the text: Left, Center, or Right.
ALLOW BUYERS TO SELECT COLOR SCHEME:
'Select color' label: Displays the title for the text color scheme selection field on the storefront.
'Select color' help text: Additional explanations displayed when needed.
Buyer can select: Choose the color scheme for customers to select.
Color selection display mode: Choose the display mode for showing color scheme selection.
It will appear on the storefront like this
ALLOW BUYERS TO CHANGE TEXT FONTS:
'Select font' label: Displays the title for the font selection field on your storefront.
'Select font' help text: Additional explanations displayed when needed.
Font collection: Select the fonts you want to make available for your customers. You can also upload new fonts by clicking Add font.
To ensure all fonts are displayed correctly and look great, click on Test font before your save. Select the font you want to check.
It will appear on the storefront like this. Please double-check to ensure everything looks perfect.
- Apply to all templates
Enable rainbow text layer settings and features from one template to be applied to other templates with the same layer ID within the artwork.
Click here for user experience demonstration: Rainbow Text Feature Demonstration
Updated on: 21/03/2025
Thank you!