> 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-bean-bag-form.md).

# WC Product Bean Bag Form

The form uses a radio field with image swatches for colour selection and a second radio field for the footstool option, each showing its own image and price modifier. A Smart Variable adds the footstool price on top of the base when selected, displayed as a live total before the customer hits Add to Cart — all built inside Gutenberg, no custom code required.

Once connected to a WooCommerce product, the selected options and calculated price travel with the line item through standard WooCommerce checkout and appear on the order in the admin panel exactly as configured.

The [full tutorial is on YouTube](https://youtu.be/YfNkawZhz8o)