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
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
Drop each lookbook image into Markspot. JPG, PNG, or WebP. Upload as many images as your plan allows.
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.
Each image gets its own embed code. Stack them on a lookbook page, or scatter them across product pages and blog posts.
Comparison
Use cases
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
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.
No PDF. No developer. Embedded and live in minutes.