> 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: --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://kb.craftformswp.com/documentation/use-cases-tutorials/wc-product-wallpaper-configurator.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.