Shoppable Lookbook

Shoppable lookbooks that actually sell.

Tag every product in your campaign photography. Let visitors click to buy each item directly. Embed on your site — no PDF, no plugin, no developer.

Free forever for 5 images · No credit card required

Definition

What is a shoppable lookbook?

A shoppable lookbook is a digital catalog where each product image contains interactive hotspots linked directly to product pages. When a visitor clicks a hotspot, a tooltip shows the product name, price, and a buy link.

Unlike a PDF lookbook, a shoppable lookbook lives on your website, is indexed by search engines, works on mobile without zooming, lets visitors buy in one click, and gives you per-product analytics.

With Markspot, each lookbook image is an independent embed — you can arrange them on a single lookbook page, or spread them across product pages, blog posts, and campaign landing pages.

How it works

From shoot to shoppable in three steps.

01

Upload your shoot

Drop each lookbook image into Markspot. JPG, PNG, or WebP. Upload as many images as your plan allows.

02

Tag every product

Click each item in the frame to drop a hotspot. Add the product name, price, and buy link. Repeat for every image in the lookbook.

03

Embed on your site

Each image gets its own embed code. Stack them on a lookbook page, or scatter them across product pages and blog posts.

Comparison

Shoppable lookbook vs. PDF lookbook.

Aspect
PDF lookbook
Shoppable (Markspot)
Discoverability
Buried in a download link, rarely viewed
Lives on your site, indexed by search engines
Shopping friction
Reader must search separately for each item
One click per product, direct to buy page
Updates
Re-export and re-upload the whole file
Edit a hotspot — all live embeds update instantly
Analytics
PDF download count only
Per-product impressions, clicks, and CTR
Mobile experience
Pinch-to-zoom PDF on mobile
Fully responsive, touch-friendly hotspots
Cost
Design tool + hosting + manual updates
Free to start, all-in-one

Use cases

For every campaign, every season.

Seasonal collections

Build a Spring/Summer or AW lookbook that shoppers can buy from directly. Update prices mid-season without re-publishing.

New arrivals

Drop new products as a shoppable launch moment. Each hero image becomes its own micro-storefront.

Editorial features

Make styled editorial photography work commercially. Tag products without compromising the art direction.

Agency client deliverables

Build client lookbooks faster. Deliver an embed, not a PDF — your client gets measurable results, you get a case study.

FAQ

Shoppable lookbooks, explained.

A shoppable lookbook is a digital catalog where each product image contains interactive hotspots linked directly to product pages. Unlike a static PDF lookbook, a shoppable lookbook embeds on your website, is indexed by search engines, works on mobile, and tracks which products visitors click.

In Markspot: (1) Upload each lookbook image. (2) Click each product in the image to place a hotspot, fill in the product name, price, and URL. (3) Publish to get an embed code per image. (4) Arrange the embeds on a dedicated lookbook page on your site. No PDF tools, no design software, no developer needed.

A PDF lookbook is a static file that readers download. It cannot be searched, does not update automatically, has no interactive links on most mobile PDF viewers, and provides no engagement analytics. A shoppable lookbook lives on your website, lets visitors buy directly from the image, tracks per-product clicks, updates without re-publishing, and works on every device.

Each image you publish in Markspot generates a standalone embed code — a single script tag. Paste one tag per lookbook image into your website's HTML: a Shopify page, a Webflow section, a WordPress post, or any HTML page. Stack multiple embeds to create a full lookbook experience.

Yes. Markspot's built-in analytics show impressions, click counts, and CTR per hotspot, per image. From your dashboard you can see which products in your lookbook are generating the most interest — and which spreads are being seen the most.

As many as you want to build. Each image is an independent embed. The free plan supports 5 published images; Pro supports 25; Team supports 150. An enterprise plan is available for larger catalogs.

Create your shoppable lookbook — free.

No PDF. No developer. Embedded and live in minutes.