Set up product customization for phone cases
Configure Chamevo for custom phone cases with device-specific templates, edge-to-edge designs, and 3D previews.
Phone cases are one of the most popular custom product categories. Customers expect to see their design on a realistic case preview, select their phone model, and add photos, text, and graphics. This guide covers configuring Chamevo for a phone case product line.
What makes phone cases different
- Device variants: You sell the same case design for multiple phone models, each with different dimensions.
- Edge-to-edge printing: Most phone cases are printed edge-to-edge, so the design covers the entire case surface.
- 3D preview: Customers expect to see their design wrapped around the case, not flat.
- Photo-heavy: Phone case customers frequently upload personal photos.
- Small print area: The printable surface is relatively small, so DPI requirements are high.
Step 1: Create the product structure
For each phone model (or group of models with the same dimensions):
- Go to Chamevo β Products and create a new product.
- Open the product in the Product Builder.
- Create a single view for the case back.
- Set the stage dimensions to match the case template aspect ratio.
Add the case template
- Add an image element with the case outline/mockup (showing the camera cutout, edges, and button areas).
- Set it as not editable and not removable.
- Set Exclude from Export if your printing process does not need the template overlay.
- Place it on top of the design layer so the camera cutout is always visible.
Define the print area
- Configure the print area to match the exact printable surface.
- Set output dimensions to your printer's specifications (e.g., 1890Γ3200 pixels at 300 DPI for a standard phone case).
- Account for bleed if your printing process wraps around the edges.
Step 2: Handle multiple phone models
Option A: WooCommerce variable product
- Create a WooCommerce variable product with a "Phone Model" attribute.
- Create a separate Chamevo product for each phone model template.
- Link each WooCommerce variation to its Chamevo product.
This is the cleanest approach β each model gets the correct template and print area automatically.
Option B: Products module
- Create multiple Chamevo products (one per phone model).