You can choose to display text input values in the product visual, whether that is your 2D image or 3D model.
First we will cover how to display text in your 2D image. Next, we will cover how to display text on your 3D model.
Documentation
Text input field visual
In this article
2D visual update
To display the field value in the product image, head over to your WCB input field and open up the “Visual” tab
Here you will find a list of settings to control the initial visual display settings, like width, height and font options.
Visual updates
You can also target the visual input display from configuration choices. You can use font and color options to change the default font, color and font size display.
Font display update
To facilitate font family updates, head over to your configuration choice that contains the font list.
Or create new choice with font options. Make sure to split with comma separated values, and enter full font family property, like shown below:
Font color update
To facilitate font color updates, head over to your configuration choice that contains the color options.
Or create new choice with colors.
Next, select input field you want to update and save the input.
Font size update
To update font size, make sure you have enabled the visual update field in your option field. Here you can enter the visual value, like 12px, 14px, 16px
For the label, you can enter something like ‘tiny’, ‘small’, ‘regular’, etc. The label will be visible in the form. The visual value will be used to update the visual representation
Finally, head over to visual tab and select the input field you want to update.
Other properties
These are just a few examples. You can also update other properties, like font weight, font style, rotation, width, height, etc.
Simply use key value pair combinations to get the desired results.
If your input value is displayed on a different slide, let’s say slide 2, then you also need to define this in the “Indexes” field in the Visuals tab of the choice. Otherwise the visual properties won’t update.
Drag and resize
You can also enable drag and resize controls to allow the customer to drag and resize the custom text or image on the product image.
To enable drag and resize, open up the Visual tabs and check the options.
3D text display
You can also place input values on your 3D models.
Head over to your WCB input field and open up the “Visual” tab
Here you can control the visual settings, like the 3D material, material type and font options.
Drag and resize controls are also supported.