Add AI image generation for product customization previews
Lovable generates preview images showing customer text rendered on products using Seedream 5 Pro AI.
When to use it
A print store needs to let customers see how their custom text will look on products before they order.
Why it is worth it
Customers see exactly what they are buying, reducing return rates and increasing purchase confidence.
Before you start
- Enable ByteDance models in Workspace Connectors (admin setting)
Paste this into Lovable's chat on the project with your product customization page.
The prompt
Add image generation to my custom print store. When customers enter text (like their name) and choose a product type (t-shirt, mug, or poster), show them a preview image of how their text will appear on that product. Use Seedream 5 Pro to generate realistic preview images. Start with a blank white t-shirt or mug as the reference product. Generate an image showing the customer's text rendered clearly and centered on the chosen product. Place the generated image below the text input field. Add a button labeled See Your Design that generates the preview. Let customers update the preview by changing their text and clicking the button again, so they can try different text before ordering.
Swap the t-shirt, name, and preview location for your product, text field, and page layout.
What you get
Customers can type custom text and see a preview of how it appears on their chosen product.
From docs.lovable.dev/changelog#oct-20-2026