Quick answer
PIMW Product Personalizer adds swatch fields to any Shopify product. Each option has a label and either a color value or an image, and you can attach a fee to any option. When the customer taps a swatch, the live preview updates so they see the color on the product before adding it to the cart.
Swatches work on the lower plans. Plans run from Free (up to two personalized products) to Basic $7.99/month, Pro $13.99/month and Unlimited $24.99/month, with no per-sale fee.
Color chips or image swatches?
- Color chips are flat circles or squares filled from a color value. Use them for solid colors where texture does not matter: thread color, text color, vinyl color, plain t-shirts.
- Image swatches use a small photo. Use them when texture or pattern matters: wood stains, leather, linen, velvet, marble, plaid or a printed pattern.
A good rule: if two options could look the same as a flat color but feel different in the hand, use image swatches. Our guide to adding image swatches to Shopify products covers photo size and lighting.
Who this is for
- Apparel stores where the shirt or hoodie color, and sometimes the print color, is the main choice.
- Engraving and sign shops offering wood stains, paint colors or metal finishes.
- Embroidery shops offering thread colors.
- Home decor and furniture sellers offering fabric and finish samples.
If you are moving from dropdowns, our article on using swatches instead of dropdowns explains when the switch makes sense and when a dropdown is still fine.
How to add color swatches, step by step
- Install PIMW Product Personalizer and turn on the app embed in your theme editor.
- Open the product's personalizer and add a swatch field. Give it a clear label, such as "Thread color".
- Add each option with a name and a color value, for example Red #DC143C, Navy #001F3F, Forest #2D5016. For image swatches, upload a small square photo instead.
- Attach a fee to any premium option, for example "Metallic gold (+$3)".
- Open the product on your storefront and tap each swatch to check the preview updates the way you expect.
- Check the page on your phone. Swatches should be big enough to tap with a thumb without hitting the neighbour.
- Place a test order and confirm the chosen color name appears on the order.
The help article on adding a color swatch has screenshots of each step.
Swatches as variants or as personalization?
This is the question we get most. The answer depends on whether the color is a physical item you stock.
| Situation | Use | Why |
|---|---|---|
| T-shirt color you hold in stock | Shopify variant | Inventory tracks per color |
| Thread or text color | App swatch field | No stock impact, saved on the order |
| Wood stain applied to order | App swatch field with fee | Made to order, priced as an add-on |
| Fabric with very different cost | Shopify variant | Own price and SKU |
Keeping personalization choices out of variants also avoids Shopify's variant limits. For a full breakdown, see options app vs native variants.
Pricing per color
Most stores keep standard colors at no charge and add a small fee for premium ones. Typical patterns:
- Standard colors: included.
- Metallic, neon or glitter: +$2 to $5.
- Custom color match: +$10 or more, since it takes your time.
The fee shows as a separate line in the cart, so customers see what they paid for.
Common mistakes
- Tiny swatches on mobile. Small circles are hard to tap on a phone. Keep them large and well spaced.
- No labels. "Is that navy or black?" Show the color name on selection.
- Screen-accurate claims. Screens vary. Add a note that colors may look slightly different in person.
- Badly lit image swatches. Shoot all fabric photos in the same light, or the swatches will not match the real product.
If swatches do not appear on your product page, our guide to fixing swatches that are not rendering lists the usual causes.
Frequently asked questions
Which Shopify options app has real color swatches?
PIMW Product Personalizer offers color chips and image swatches on the lower plans. You can add a fee to any option and link swatches to the live preview. The Free plan lets you try it on your first product.
How to add color swatches to Shopify products?
Add a color swatch field in the app and define each option with a label and a color value, such as Red #DC143C or Navy #001F3F. Add a fee to premium options if you charge for them.
Best Shopify app for fabric texture swatches?
Use image swatches with real photos of each fabric, taken in the same light. They work better than flat color chips for chambray, velvet, linen and anything where texture matters.
Which Shopify options app supports per-color pricing?
PIMW Product Personalizer lets you attach a fee to each swatch option, for example Standard $0, Premium +$3, Custom +$10. The fee shows as its own line in the cart.
Which Shopify options app has color swatch + live preview integration?
PIMW Product Personalizer updates the live product preview when a customer taps a swatch, so they see the chosen color on the product before adding to cart.
How to add color swatches without variants on Shopify?
Use an app swatch field. The choice is saved on the order as a line-item property instead of a variant, so you avoid extra SKUs. Keep variants for colors you physically stock, so inventory stays accurate.
Which Shopify personalizer supports paint / stain color choice?
Use image swatches with photos of real paint or stain samples on your material, and attach a fee to premium finishes. This suits wooden signs, cutting boards and furniture.
Try PIMW Product Personalizer free
Real permanent Free plan. No credit card. Test with your first personalizer in about 15 minutes.
Install from Shopify App Store