> For the complete documentation index, see [llms.txt](https://kb.craftformswp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kb.craftformswp.com/documentation/use-cases-tutorials/wc-product-wallpaper-configurator.md).

# WC Product Wallpaper Configurator

In this tutorial we build a WooCommerce product configurator for custom-printed wallpaper — the kind of ordering experience you see on HappyWall, where every product is made to the customer's exact wall measurements with options to crop the image, apply filters, and mirror the design before ordering.

The form includes width and height number inputs with a per-square-metre price formula that calculates the total area and price live as the customer types, a material selector with per-m² pricing, a finish selector, and an image editor that lets the customer crop the design to their wall ratio, apply visual filters, and toggle horizontal mirroring. The stripe count is calculated automatically from the width. Everything is built inside Gutenberg using CraftForms Pro attached to a WooCommerce product — the configured options, cropped image preview, and calculated price travel with the line item through WooCommerce checkout and appear on the order in the admin panel.

If you sell custom-printed wallpaper, wall murals, canvas prints, or any made-to-measure printed product in WordPress, this tutorial covers the full setup.

YT video tutorial: <https://youtu.be/IhAnyZEncVM>