Shop the look widget — no code required.
Tag every product in a lifestyle photo. Let visitors click each item to buy. Embed anywhere with one script tag — no developer, no plugin.
Free forever for 5 widgets · No credit card required
Definition
What is a shop the look widget?
A shop the look widget is an interactive image embed that displays a product photo with clickable hotspots on each item shown. When a visitor hovers or clicks a hotspot, a tooltip appears showing the product name, price, and a link to buy.
The format is common in fashion, home décor, and lifestyle content — it lets readers shop every product in a styled photo without hunting through separate product pages. Unlike static "shop the look" blocks built by developers, Markspot's widget is self-serve: upload a photo, pin your products, copy a script tag.
The embed is responsive and works on every device — mobile, tablet, desktop — with accurate pin positioning at every screen size.
How it works
Live widget in three steps.
Upload the look
Drop your lifestyle photo — an outfit, a styled room, a table setting. JPG, PNG, or WebP.
Tag each item
Click every product in the image to place a pin. Add a name, price, and product URL for each one.
Embed the widget
Copy one script tag. Paste it anywhere HTML runs — your site, a landing page, a blog post.
Use cases
Works across every lifestyle category.
Fashion & apparel
Tag every piece in an outfit photo — top, trousers, accessories, shoes. Shoppers see the full look and can buy any item directly.
Home & interiors
Pin the sofa, the lamp, the throw pillow, the art. One room shot becomes a fully navigable product catalog.
Beauty & wellness
Tag skincare, makeup, and tools in a styled flat lay. Let shoppers recreate the exact routine with one click each.
Lifestyle & editorial
Make editorial photography work for commerce. Tag products without breaking the aesthetic — the widget stays subtle until clicked.
FAQ
Shop the look, explained.
A shop the look widget is an interactive image embed that displays a product photo with clickable hotspots on each item shown. When a visitor hovers or clicks a hotspot, a tooltip appears showing the product name, price, and a link to purchase. The widget can be embedded on any website without coding.
With Markspot: (1) Upload your lifestyle image. (2) Click each product to place a hotspot, add product details. (3) Copy the one-line embed script. (4) Paste it into any HTML page, Shopify template, Webflow embed block, or WordPress custom HTML block. The widget is live instantly.
Yes. Markspot requires no coding. If you can paste text into a website editor, you can add a shop the look widget. The embed is a single script tag — copy it from your dashboard and paste it wherever you want the image to appear.
Any platform that allows custom HTML or JavaScript: Shopify (via Liquid templates or theme editor), Webflow (via Embed elements), WordPress (via Custom HTML blocks), Squarespace (via Code blocks), Wix (via Custom code), and any custom-built website.
Yes. Markspot's free plan lets you create up to 5 shop the look embeds with interactive hotspots, custom tooltips, and a live embed code — no credit card required. The free plan includes a Markspot watermark; paid plans remove it.
Your shop the look widget is one upload away.
Free to start. No developer. Embed in minutes.