How to turn a PDF catalogue into a shoppable flipbook

A PDF is a print format that happens to open on screens. On a phone it means pinch-zoom archaeology; in an email it means an attachment that reports nothing back; on your site it means a download event and then silence. The conversion buys you the three things a PDF cannot do: tap-to-buy on the page itself, a link that behaves like a web page, and numbers. The pages you already paid for stay exactly as designed.

What the conversion does not buy you is better content. If the underlying pages are weak, a flipbook is a weak catalogue that flips. Worth knowing before you start: the broader format, what makes a catalogue shoppable, and when to compose pages from customer content instead of a print file, is covered in what is a shoppable digital catalogue. This piece is only the conversion, done properly.

The whole path from file to live link fits in an afternoon for a typical seasonal catalogue. The one genuine time sink is hotspot placement, and that scales with page count, not with skill. Here is the sequence end to end, then each step in detail.

Step 1: Upload the PDF

Take the final print-ready file, the same one that went to the printer, and upload it. Each page is rendered in the browser as a high-resolution spread, so shoppers see the catalogue as designed rather than a downscaled image export. There is no per-page slicing, no InDesign round trip, no asking the agency for source files. If the PDF opens on your laptop, it will render as a flipbook. Vector text stays sharp at any zoom, which matters more than people expect on a 6-inch screen.

Step 2: Check the render before you tag anything

Flip through the whole catalogue twice, once on a phone and once on desktop, before placing a single hotspot. You are checking three things: page order (double-page print spreads sometimes need re-pairing for single-page mobile viewing), orientation, and legibility of any small print. Fixing page structure after you have tagged forty pages means re-anchoring pins. Fixing it first costs five minutes. This is the least glamorous step and the one people skip, and it is why some flipbooks ship with page 17 upside down.

Step 3: Place product hotspots on every page

This is the step that makes the flipbook shoppable rather than merely hosted. Tap each visible product on the page and link it to the matching product in your feed; the pin inherits live price, rating and an add-to-bag action, so the drawer that opens is a buy path, not a caption. Work page by page and keep a rhythm: hero product first, then supporting products in order of visual size. A typical styled spread takes two to four minutes once you have done three of them.

Restraint is the skill. Shoppers learn the pin affordance by page 2 and then trust it, so a page with fourteen pins on a styled room shot reads as noise and gets none of the taps. Tag what the eye lands on. The same discipline applies to time-coded pins inside video, which we covered in interactive video: hotspots, chapters and branching; the medium changes, the restraint does not.

Two practical wrinkles come up on almost every catalogue. Colourways: pin the product once and let the drawer carry the variant picker, rather than stacking a pin per colour on the same jacket. And discontinued items: a seasonal print file usually contains a few products that no longer exist in the feed, so decide the policy up front. Either leave them untagged (honest, slightly sad) or point the pin at the nearest current equivalent and let the drawer say so. What you must not do is link to a dead PDP. A hotspot that 404s is worse than no hotspot, because it breaks the trust that makes every other pin work.

Step 4: Publish the share link

Publishing produces a hosted URL for the whole catalogue, and that link is the campaign. It goes in the email newsletter, the WhatsApp broadcast, the link-in-bio slot, and, if a print edition exists, a QR code on its back cover, which quietly turns the unmeasurable print run into sessions you can count. Give each campaign its own edition and its own link. When the campaign ends, retire the link; a January sale catalogue answering a July scan is worse than a 404.

Step 5: Embed it on your site

The same catalogue embeds on your homepage or a landing page with a single snippet, served from the edge so it does not sink your Core Web Vitals. The share link and the embed have different jobs: run promotions on links, run the evergreen browse on the embed. A "browse the collection" flipbook mid-homepage gives visitors who are not ready for the grid something to do with their hands, and every flip is a tracked page view rather than a lost scroll.

One honest caveat on distribution. If your business genuinely depends on promo-portal syndication (the Folderz, MyShopi, Offerista world), the PDF-first incumbents have deeper pipes there; Publitas in particular has spent years building that channel, and our Idukki vs Publitas comparison says so plainly. For most DTC brands, though, your own email list, social bios and store pages are the distribution that matters.

Step 6: Read the analytics, then cut pages

From the moment the link is live you get views and hotspot clicks per page. Read them weekly and look for two shapes. The drop-off cliff tells you where browsing dies: if half your readers never pass page 12, the next edition is ten pages, and the products from pages 13 to 40 need a different home. The click map tells you which products earn taps from context: a product that out-clicks its page-mates from a styled spread is telling you something your merchandising team should hear.

A note on expectations for week one. A converted catalogue inherits the audience you send to it, so the first week's numbers describe your distribution more than your pages. Send the link to the full email list before judging page performance; a hundred sessions is enough to see the drop-off shape, a thousand is enough to trust the click map. Resist redesigning anything off the first weekend's data.

Treat edition two as the real product. Edition one is the print file you already had; edition two is shaped by reader behaviour: shorter, reordered so the clicked spreads come early, with the dead pages gone. This is the loop print catalogues never got to run. It is also the point where many teams stop converting PDFs and start composing pages directly, because the analytics keep voting for the pages that look least like studio print.

When is a PDF flipbook the wrong format?

A PDF flipbook is the wrong format when the PDF is older than the season. If page 4 is out of stock by Thursday, every dead tap teaches shoppers not to tap, and no amount of hotspot polish fixes a stale source file. It is also the wrong format for tiny assortments (nine SKUs do not need forty pages) and for products that sell on motion rather than layout, where shoppable video will beat any page you can print.

The bigger fork in the road: if your best-performing content is customer photos and reels rather than studio spreads, skip the print file and compose the catalogue from rights-cleared UGC directly. That is the same hotspot mechanic applied to pages that refresh themselves, and it is the argument of the pillar piece on shoppable digital catalogues. The gallery-shaped version of the same move is in 5 ways to make your UGC gallery shoppable. Converting the PDF is still the right first step for most teams; it is just rarely the right last one.