Catalog2Cart

Shopify app — shoppable PDF catalogues · 2024

A Shopify app that turns a printed product catalogue into a shoppable one: tap a product on the page and add it to cart without leaving the catalogue.

The problem

Plenty of wholesale and gifting brands still sell from a PDF catalogue. Customers browse it, then have to search the website for the same product — and many give up somewhere in between.

What I built

The app displays catalogue pages in the browser and lets the merchant draw clickable hotspots over each product, linked to the right product and variant. On the storefront, each hotspot pulls live price and stock from Shopify and adds to cart right there on the page.

How it feels to shop

The catalogue still looks and reads like the printed version — page turning, zoom, pinch on mobile. Shopping options only appear when a customer taps a product, so browsing stays pleasant instead of turning into another product grid.

Result

Merchants keep their catalogue as the sales tool it already is — and now it takes orders, without redesigning it as a website.

Stack: Shopify App, Storefront API, PDF.js, Node.js, App Bridge