Pappy & Company tries a 3D woodshop on Shopify

Pappy & Company is experimenting with a Shopify storefront presented as a woodshop shoppers can walk through. In a 1 November post, Jon Nichols, who identifies himself as the company's director of operations, says he built it over a weekend using Chrome's HTML-in-Canvas feature and the Shopify API, despite having no coding experience.

Nichols says the register opens Shopify checkout. The announcement's preview shows a branded workshop scene with furniture, product panels and a shopping bag. These are the builder's claims and demonstration materials: we have not independently completed a purchase through the experience or measured its performance.

Jon Nichols's Pappy & Company woodshop demonstration, 1 November 2026

View the original demonstration on X. Playback depends on X; the source link remains available if the embed does not load.

What the browser feature changes

Google's 26 October announcement describes HTML-in-Canvas as stable in Chrome 157. It allows live HTML controls and content to be drawn into a canvas while retaining browser features such as interaction and the accessibility tree. That gives developers a way to combine a visual scene with ordinary interface elements, rather than drawing every label and button as pixels.

This is a browser capability, distinct from Shopify's Canvas store-design product. It does not supply a complete shop, prove that a particular scene is accessible, or establish that the same experience works across every customer's browser.

A campaign experiment with a conventional route to buy

Our recommendation is to test an immersive shop as an optional campaign destination before considering it as the main storefront. A workshop or showroom can communicate a brand's setting, but visitors still need to identify products, compare options and reach checkout without learning a game.

Keep a clearly labelled route to ordinary product pages. Test keyboard navigation, screen-reader output, touch controls and loading on a modest phone as well as a powerful desktop. Google provides implementation documentation and fallback guidance; browser support should be checked during development rather than assumed from a desktop demo.

Measure completed purchases and revenue per visit alongside engagement, using a comparable conventional landing page. A longer visit could mean exploration or difficulty. Check variants, cart contents, discounts and the final checkout separately; a connection to Shopify is not evidence that every integration behaves correctly.

For agents navigating the storefront, our WebMCP guide explains Shopify's browser tools and the need to test the visible shopping session. A striking scene and a reliable purchase journey are separate things to verify.

Background: Google's earlier demonstration

Chrome for Developers introduced HTML-in-Canvas in this June 2026 overview, alongside other browser features. It provides background on the interface idea; use the current documentation for implementation details.

Watch Google's earlier overview on YouTube.