Dynamic Image by Text

When Customers type in a text field, the app will automatically display Cliparts based on each character they enter. Each character is matched with a corresponding image from the selected Clipart category.

Continue reading this Article to learn more about setting up this feature on your Store.

Set Up Your Clipart Assets

Before setting up the Dynamic Image by Text option, make sure you have prepared and uploaded all Clipart images for each letter and number you plan to use. Each character entered by the customer needs a matching Clipart in your selected category. This step is essential for the feature to work correctly.

Please navigate to your Assets > Clipart Categories > and create a new folder there

After uploading your Cliparts, it is crucial to name each image according to the letter or number it represents.

The feature matches Cliparts by name, so the image name must exactly correspond to the character entered by the customer. Incorrect or missing names will prevent the images from displaying properly.

Please keep in mind that cliparts' names are case-sensitive. Make sure to match the correct case (uppercase, lowercase, etc.) for each image you upload so that the feature displays the images correctly.

Create an Artwork Using Dynamic Image by Text

In this example, we will demonstrate an ornament product that allows customers to enter their names. Each letter of the name will be represented by a matching ornament clipart.

First, create a custom text layer to allow customers to enter their name.

The Dynamic Image by Text feature is based on the Auto-populate values from other options functionality. This means the Custom Text layer is required as a source layer. Other clipart images will populate data from this text layer so that each character entered by the customer displays the correct image.

Since this Custom Text layer is used only to collect input data, we offer a new display setting for it. You can choose not to display the layer in the Gallery, but still show it in the Customization Form so that customers can enter their name.

This keeps the text layer hidden from the product preview while still serving as the source for the Dynamic Image by Text feature.

Continue to upload your image for the first letter. Be sure to select Dynamic image by text as its `Personalization Options

Since you want the image to be populating data from the Custom Text layer, please select it as the source data.

In the Populate Values field, enter {{char1}} for the first letter, {{char2}} for the second letter, and continue in this pattern for each additional character. This ensures each character entered by the customer maps correctly to its corresponding clipart image.

Don’t forget to select the Clipart Folder you uploaded. This ensures that the correct images are displayed for each character entered by the customer.

Continue to do so with other letters:

Be sure to set their Populate values correctly!

Notes:

Since this feature is image-based, you will not be able to change the font size, font family, or letter spacing. You will need to adjust the images directly in your Artwork Editor to ensure everything is displayed correctly and looks well-aligned.
Customers may enter names with different numbers of characters. We recommend creating separate templates for different name lengths so you can easily adjust the display of each letter.

Creating the Campaign

Once you're happy with your settings, be sure to launch it to your Storefront!

Updated on: 31/10/2025

Was this article helpful?

Thank you!