The shoppable image editor built for brands.
Upload a photo, click to place product pins, style the tooltip, publish a live embed. No code, no integrations, no developer.
Free forever for 5 images · No credit card required
Definition
What is a shoppable image editor?
A shoppable image editor is a web tool for adding interactive product hotspots to photos. You upload an image, click to place pins on individual products, fill in product details (name, price, URL) for each pin, and publish an embed code that makes the image clickable on any website.
Traditional image editors (Photoshop, Canva) create static files. A shoppable image editor outputs a live embed — a responsive, interactive widget that updates without re-exporting or re-uploading when you change product details.
Markspot is a shoppable image editor designed for non-technical users. The editor runs in the browser, requires no installation, and publishes to any HTML page with a single copy-paste.
Editor features
Everything in the editor. Nothing extra.
Click-to-place hotspots
Click anywhere on your image to drop a product pin. Drag to reposition. No coordinates, no config — just click.
Live tooltip preview
As you type product details, the tooltip updates in real time. You see exactly what shoppers will see before you publish.
Custom brand styling
Set your accent color, corner radius, and font. The tooltip looks like it belongs to your brand — not a third-party tool.
One-click publish
When you're ready, publish generates a live embed ID and a script tag. Paste it anywhere. Updates propagate instantly to every embed.
Per-product analytics
After publishing, the dashboard shows impressions, clicks, and CTR per hotspot. See which products earn the most attention.
Team collaboration
Invite designers and stakeholders to shared workspaces. Role-based access keeps creators editing and owners approving.
FAQ
The editor, explained.
A shoppable image editor is a tool for adding interactive product hotspots to photos. You upload an image, click to place pins on individual products, fill in the product name, price, and URL for each pin, then publish an embed code that makes the image interactive on any website.
Markspot offers a free plan with up to 5 published shoppable images — no credit card required. The free plan includes the full editor, interactive hotspots, custom tooltips, and a live embed code. A Markspot watermark is shown on free embeds; paid plans remove it and add analytics, custom branding, and higher image limits.
After creating your image in the Markspot editor, click Publish to generate an embed code. Copy the single script tag and paste it into your website's HTML — in a Shopify Liquid template, a Webflow Embed element, a WordPress Custom HTML block, or any other HTML page. The image goes live immediately and updates without a site rebuild.
Yes. The Markspot editor lets you set a custom accent color (matching your brand palette), choose a corner radius from sharp to fully rounded, and preview the tooltip styling in real time before publishing. Each image can have its own styling independently.
The Markspot editor is a web app optimized for desktop use — image editing with precise pin placement is more accurate on a larger screen. Published embeds are fully responsive and work correctly on all devices, including mobile phones and tablets.
Open the editor. Your first image is free.
No installation. No code. Published in under five minutes.