General Look

The Product Personalizer function allows you to show a live option preview directly on the main product images. This helps customers see how their selected options (e.g., text, colors, uploads) will look on the product before purchasing.

Supported Option Types

Not all option elements support live preview. Currently, the following option types are supported:

• Text / Text area

• Number

• File Upload

• Dropdown / Color Dropdown / Image Dropdown

• Swatch / Color Swatch / Image Swatch

• Radio Button

• Checkbox

Personalize Panel

• Each option that supports live preview has a Product Personalizer tab.

• You can find it in the top-right corner of the option’s settings area.

• Other settings (Basic and Advanced) remain on the left panel.

Preview Panel Setup

The Preview Panel controls how your option preview is displayed on the product image.

^{1. Enable Personalize Editor}

• Go to the right tab of the option settings.

• Switch on the toggle “Show Personalize Editor”.

_{2. Select Background}

You can choose what background to use for the preview:

• Product image – Use the product image itself as the background.

• Custom image – Upload your own background image to replace the product image.

_{3. Set Conditions to Apply}

Choose which product images the personalization will be applied to:

• All product images – Apply preview to every product image.

• First product image only – Apply preview to the first product image.

• Last product image only – Apply preview to the last product image.

• Specific product image – Select a particular product image to apply the preview.

📧 Need Help? If you run into any issues while setting up your option set, feel free to reach out to us at Chat or email [email protected].

We’re always here and happy to help — with sincerity and care!