Lookbooks + shoppable content — how do you build them?

Q: Lookbooks + shoppable content — how do you build them?

Three patterns depending on brand maturity:Hyvä shoppable-image widget — native to Hyvä themes since 2024. Drop a CMS image, add hot-spots tied to product SKUs, customer clicks → instant add-to-cart drawer. Fastest to ship, mobile-perfect. The pattern I default to.Adobe Commerce Page Builder — if you’re already on Adobe Commerce, Page Builder ships with hot-spot + product-tag widgets. Slower to load than Hyvä native, but more drag-and-drop friendly for marketing teams.Custom CMS pages with Magento widgets — for editorial-heavy lookbooks (think Browns, Ssense, Mr Porter). Combines product widgets, video (Cloudflare Stream / Cloudinary), animations (GSAP), and category-aware navigation. ~$3k–$15k per lookbook to build, but visually unmatched.For Instagram-style shoppable galleries: Foursixty integrates with Magento via product feed and lets you tag products on Instagram posts that auto-render on PDP / category pages. Cuts paid-social CAC ~15–25% by leveraging UGC.Performance note: video on PDP must be CDN-streamed (Cloudflare Stream / Cloudinary / Mux), not self-hosted MP4. A 8MB self-hosted MP4 destroys LCP on mobile.

Question

Lookbooks + shoppable content &mdash; how do you build them?

Accepted Answer

Three patterns depending on brand maturity:

Hyvä shoppable-image widget — native to Hyvä themes since 2024. Drop a CMS image, add hot-spots tied to product SKUs, customer clicks → instant add-to-cart drawer. Fastest to ship, mobile-perfect. The pattern I default to.
Adobe Commerce Page Builder — if you’re already on Adobe Commerce, Page Builder ships with hot-spot + product-tag widgets. Slower to load than Hyvä native, but more drag-and-drop friendly for marketing teams.
Custom CMS pages with Magento widgets — for editorial-heavy lookbooks (think Browns, Ssense, Mr Porter). Combines product widgets, video (Cloudflare Stream / Cloudinary), animations (GSAP), and category-aware navigation. ~$3k–$15k per lookbook to build, but visually unmatched.

For Instagram-style shoppable galleries: Foursixty integrates with Magento via product feed and lets you tag products on Instagram posts that auto-render on PDP / category pages. Cuts paid-social CAC ~15–25% by leveraging UGC.

Performance note: video on PDP must be CDN-streamed (Cloudflare Stream / Cloudinary / Mux), not self-hosted MP4. A 8MB self-hosted MP4 destroys LCP on mobile.