How to create your first Markspot
Five steps from a plain image to a shoppable, trackable embed. No code, no redesign, no learning curve — just point, click, publish.
Tap a pin to explore
Embed anywhere with one tag
<script data-embed-id="abc123" src="https://markspot.app/embed/embed.v1.js"></script>↑ This is a live Markspot. Hover or tap a pin to see what your shoppers will.
Start with an image
Upload a lifestyle shot, editorial, or product photo — JPG, PNG, WebP, GIF, AVIF, or HEIC up to 50 MB (iPhone HEICs are converted automatically). Higher resolutions keep every mark sharp at every breakpoint.
- Aim for at least 1200px on the longest side
- Lifestyle scenes convert better than white-background catalog shots
Step 1 · Walkthrough
Video coming soon
Drop a mark on each product
Click anywhere on the image to add a mark. Every mark is an interactive pin shoppers hover or tap to reveal the product underneath.
- Place the mark on the product, not floating beside it
- Give crowded scenes breathing room — at least 40px between marks
Step 2 · Walkthrough
Video coming soon
Fill in the product details
Give each mark a title, price, and destination link. Add an optional description and call-to-action to turn a hover into a click.
- Keep titles under ~40 characters so they never truncate
- Add UTM parameters to product links so traffic shows up in your analytics tool
- Use verbs in your CTA — "Shop", "Get", "Try"
Step 3 · Walkthrough
Video coming soon
Arrange your layout
Grouping multiple images into one Markspot? Arrange them in a responsive grid with independent settings for desktop, tablet, and mobile.
- Preview at every breakpoint before publishing
- Mobile-first: design the phone view, then expand outward
Step 4 · Walkthrough
Video coming soon
Publish your Markspot
Publishing mints a single embed tag. Paste it anywhere HTML runs — Shopify, Webflow, WordPress, Squarespace, or your own site — and analytics start flowing back to your dashboard.
- Edits propagate to every live embed in minutes — no need to re-paste the tag
- Impressions and clicks land in your dashboard within minutes of the first view
Step 5 · Walkthrough
Video coming soon
FAQ
Still wondering?
The quick answers to what most people ask before their first Markspot.
JPG, PNG, WebP, GIF, SVG, AVIF, HEIC/HEIF, TIFF, and BMP, up to 50 MB. Browser-friendly formats are kept as-is; HEIC and other less-common formats are converted to WebP automatically on upload. For the sharpest marks at every breakpoint, use at least 1000px on the longest side.
Yes. Open any image from your dashboard to add, move, or remove marks. Edits propagate to every live embed within minutes — no re-publish needed.
After publishing you get a single embed tag. Paste it anywhere HTML runs — Shopify, Webflow, WordPress, Squarespace, or your own site.
Yes. Marks are touch-friendly out of the box, and you can set different grid layouts for mobile, tablet, and desktop views.
Every plan tracks impressions and clicks. Creator and above unlock the full analytics dashboard with CTR per mark, top products, and device breakdown.
No. Drop an image, click to mark each product, copy one embed tag. If you can edit a blog post, you can publish a Markspot.
Still have questions? Get in touch
See it live
Published once, working everywhere
Your embed lives on your storefront — and every view and click flows straight back to your dashboard.
Featured collection
Hover or tap a mark to break down its analytics — click to preview the product.
Your dashboard, 7 days in
All marks combined
Impressions
0
Clicks
0
CTR
0.0%
Clicks by mark
Sample data shown for illustration.
Ready to mark your spot?
From a blank image to a live Markspot in under five minutes.
Create a Markspot