Dye sublimationColour applied across selected fabric panels
Back to all work
WordPress and WooCommerce
WooCommerce print customiser
A guided custom-print journey for made-to-order products.
Customers are guided through print method, printable areas, product options, artwork and price. Their final choices go straight into the order, giving the production team everything it needs to fulfil it.
Customise your product
2 of 5Select printable areas
Roof panelFront valance
The requirement
More than a list of product variations.
Each order depended on connected choices: how the product would be printed, which areas were printable, its size and colour, any sidewalls, the uploaded artwork and the rules that determined the final price.
- A guided journey for a complex printed product
- Clear visual selection of every printable area
- Choices and pricing matched to the selected product
- Artwork checked before the order is placed
- A complete specification for production teams
What we built
A customiser that understands the product.
The customiser shows customers only the choices relevant to the product, updates the price and provides a clear visual summary before they order.
Step 1 of 5
1/5Choose a print method
Vinyl heat transferGraphics applied to supported print areas
Choose the right method
The available areas and options update to match the selected product and print method.
Customer and order workflow
One specification from product page to production.
What the customer selects and what the production team receives were designed together, so every important choice remains clear throughout the order.
- 01
Choose and configure
The customer selects a print method, printable panels, colours and relevant sidewall options for the product.
- 02
Price and validate
The price updates as choices are made, while the supplied artwork is checked before the order is placed.
- 03
Carry into the order
The completed configuration stays attached through the cart, checkout, order record and customer emails.
- 04
Prepare for production
The team receives a complete order summary with the customer’s selections, notes and artwork.
The outcome
A specialist order, made understandable.
Customers receive a clearer way to buy a made-to-order product, while the team receives the information and artwork needed to produce it.
Guided journey
Complex choices arranged into practical steps.
Visual selection
Interactive panels make printable areas clear.
Complete order
Choices, notes and artwork stay connected.
Ready for production
A practical specification for the fulfilment team.
Technology
The technology behind the customiser.
WordPress- WooCommerce
- PHP
- JavaScript
- SVG
- Amazon S3
Artwork is stored securely using Amazon S3 and remains linked to the customer’s order throughout the fulfilment process.
About this project
- Category
- WordPress and WooCommerce development
- Services
- Product configuration, ecommerce development and workflow integration
- Architecture
- Custom WordPress plugin extending WooCommerce
- Controls
- Product activation, content, uploads, pricing rules and imports
Have a complex product to sell?
Tell us how it is configured, priced and fulfilled, and where the current journey gets difficult.