Turn any photo into a shoppable experience.
Pin interactive hotspots to every product in your image. Publish one embed tag. Shoppers click to buy — directly in your content.
Free forever for 5 images · No credit card required
Definition
What is a shoppable image?
A shoppable image is a product photo embedded with interactive hotspots. Each hotspot is linked to a product page — when a visitor clicks or taps it, a tooltip appears showing the product name, price, and a direct buy link.
Unlike static product photos, shoppable images are active conversion surfaces. Visitors can identify and purchase every item in a lifestyle shot, campaign image, or editorial spread — without navigating away from the page they're reading.
Markspot is a shoppable image editor that turns any JPG, PNG, or WebP into a live embed. You upload, mark products, and publish a single script tag that works on Shopify, Webflow, WordPress, or any HTML page.
How it works
Three steps from photo to live embed.
Upload
Drop any product photo — flatlay, lifestyle shot, campaign hero. JPG, PNG, or WebP, any size.
Mark
Click each product to place a hotspot. Add a name, price, link, and tags. Style the tooltip to match your brand.
Publish
Copy one embed tag. Your shoppable image goes live on any website or landing page — no rebuild required.
Features
Everything a shoppable image needs.
Interactive hotspots
Each pin reveals a product tooltip with name, price, and a direct buy link. Shoppers click to purchase without leaving the page.
Works on any platform
One script tag embeds on Shopify, Webflow, WordPress, Squarespace, or any site that accepts HTML.
Per-product analytics
Track impressions, clicks, and CTR for every hotspot. See exactly which products drive purchases.
Brand-matched styling
Custom accent colors, corner radius, and fonts. Your embed looks like yours — not ours.
FAQ
Shoppable images, explained.
A shoppable image is a product photo embedded with interactive hotspots. Each hotspot is linked to a product page — when a shopper clicks it, a tooltip appears with the product name, price, and a buy link. Shoppable images let customers discover and purchase products directly within editorial content, blog posts, lookbooks, or campaign pages without navigating away.
Upload your product photo to Markspot, click each product to place a hotspot, fill in the product name, price, and URL, then copy the embed code. Paste the one-line script tag into any webpage. The whole process takes under five minutes and requires no coding.
Markspot supports JPG, PNG, and WebP files. There is no strict size limit, but images under 5 MB load fastest for end users.
Anywhere HTML is accepted: Shopify, Webflow, WordPress, Squarespace, Wix, Ghost, custom-coded sites, and any CMS with a custom HTML block.
Yes. The free plan supports up to 5 published shoppable images with a Markspot watermark. Pro and Team plans remove the watermark, increase image limits, and add analytics and custom branding.
Create your first shoppable image — free.
No credit card. No code. Published in minutes.