WooCommerce Blocks (the woo-gutenberg-products-block bundle) ships first-class blocks for cart, checkout, mini cart, product grid, single product, and many more. Block themes use these blocks instead of the classic shortcodes. The data underneath is the same WooCommerce data: line items in wp_woocommerce_sessions, products in wp_posts, and totals computed from wp_woocommerce_order_itemmeta. The OG image on those pages, however, has historically lagged because shortcodes used different templates than blocks.

SleekPixel detects when a page uses a WooCommerce Block (via block recognition in the rendered content) and chooses a card template accordingly. Cart and checkout shares render with item counts, totals, and a small block-style label. Product Grid block URLs share a card showing the visible products. Single Product Block pages reuse the per-product card template already configured for products.

Because the integration is block-aware rather than shortcode-aware, it works regardless of whether the site is a block theme, a hybrid theme, or a classic theme that opts into Woo Blocks. Cards stay consistent across the migration to block themes.

WooCommerce Blocks is the future of WooCommerce. Block themes are increasingly the default for new stores. Cart, checkout, product grid, and single product pages all run through blocks.

Many of those URLs get shared, especially cart and checkout URLs in customer support contexts and product grid URLs as curated collections from affiliates and editorial sites. The OG image story for blocks has historically lagged the shortcode era, partly because plugins were still adapting. SleekPixel skips that lag by detecting blocks directly.

Cart pages share with item counts. Checkout pages share with cart context. Product grids share with the actual products in the grid.

Single product blocks share with the same per-product card already used for the classic product template. Migration from a shortcode-based theme to a block theme no longer drops OG quality on the floor. Stores that adopt blocks early get the same consistent branding on shared links as stores that stuck with classic templates, and ultimately better cards because blocks expose more granular block-specific data.