Category: Video

Minted is a good example of how a framed art product should be sold online. The customer picks a print size, chooses a frame colour and material, selects a frame width, picks a mount colour, and sees the product image update with every choice — so what they’re about to buy is always visible. In this tutorial we build that same experience in WordPress using CraftForms Pro and WooCommerce, including one feature that goes a step further: a room preview that composites the configured frame onto a scene photo of an empty wall.

The form uses a print size selector to set the base price, with frame colour presented as image swatches that trigger a live product image update when selected. Frame width options use conditional logic to automatically disable widths that aren’t compatible with the selected frame material — so a Metal frame correctly restricts the available width options without any manual intervention from the customer. Mount colour is a second swatch selector. All of these options feed into a Smart Variable price formula that displays a live total as the customer configures. The environment preview is handled by a scene image uploaded in advance; as the customer selects different frame colours and sizes, the product preview is composited into the scene so they can visualise the finished piece on a real wall before committing.

On submission, all selected options and the calculated price travel with the line item through standard WooCommerce checkout and appear on the order in the admin panel exactly as configured. This approach works for any product where the visual result matters before purchase — framed prints, canvas art, custom posters, or any made-to-order wall piece.

The video tutorial is available here, and CraftForms Pro is available at craftformswp.com.

Some of the best product pages make configuration feel effortless — pick a colour, choose an optional extra, see the price update, add to cart. Big Bertha Original does this well on their bean bag chair pages: fabric colour swatches, an optional footstool as a visual choice with a clear price difference, and a bundle saving shown inline. In this tutorial we recreate exactly that kind of experience in WordPress using CraftForms Pro attached to a WooCommerce product.

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 and CraftForms Pro is available at craftformswp.com.

WooCommerce handles the checkout, the cart, and the order flow well — but it has a long-standing gap when it comes to collecting custom configuration from the customer before they add to cart. The default product options are limited, and the plugins that fill that gap tend to be either overly complex or disconnected from the rest of your site. CraftForms Pro bridges that gap by letting you attach any form you build in Gutenberg directly to a WooCommerce product page.

Inventory is another area where the integration earns its place. Stock defined in the CraftForms Catalog and WooCommerce product stock stay in sync automatically — so whether a sale comes through the CraftForms order system or the WooCommerce checkout, the available quantity updates in both places. This matters most when you are selling physical or made-to-order products where overselling is a real problem.

The wider point the tutorial demonstrates is flexibility: one CraftForms form can serve multiple WooCommerce products, each with its own pricing logic and default options defined at the catalog item level. If you sell a range of products that share the same configuration structure — different materials, different size ranges, different price tables — you build the form once and create a catalog item per product. The full tutorial is on YouTube.