Making configured gazebo orders readable in WooCommerce.
A third-party builder let customers configure a gazebo. But when the product reached WooCommerce, the order contained technical IDs and raw values. We built the integration that turns that data into a clear order.
Turn raw configuration data into an order people can use.
The gazebo builder already handled the customisation. The problem started after a customer added the product to their basket. WooCommerce received codes and raw values that were hard to check and harder to fulfil.
Read the product builder’s API response
Replace technical option IDs with plain-English labels
Group the gazebo specification into clear sections
Use the same details in the basket, checkout, emails and admin
Keep the existing product builder unchanged
What we built
From API response to readable order details.
When a gazebo is added to the basket, the integration reads the builder’s API response. It replaces IDs with names such as size, wall type and print method, then adds the finished specification to WooCommerce.
Customer order journey
Illustrative, anonymised UI based on the delivered functionality.
The outcome
Customers know what they ordered. The team knows what to build.
Customers can check their choices before paying and in their confirmation email. The admin order contains the fuller specification needed to process and fulfil the job.
Readable before checkout
Customers can check the gazebo, print and wall choices before placing the order.
Same details after purchase
The confirmation page and email repeat the same order summary.
Useful admin order
WooCommerce shows the full specification without the raw codes.
Existing builder retained
The integration works around the builder, so it did not need to be replaced.
Technology
Built as a WordPress and WooCommerce integration.
WordPress
WooCommerce
PHP
API integration
Advanced Custom Fields
JavaScript
About this project
Category
E-commerce & systems integration
Services
API integration, WooCommerce order data, customer summaries and admin interfaces
Architecture
Custom WordPress plugin that reads builder data and adds a structured specification to WooCommerce
How it works
API values are matched to readable labels, grouped and reused throughout the order
Need an API to produce something people can actually use?
Tell us what the API returns, what customers or staff need to see and where the current handoff breaks down.
Customer order journey