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.

1

Start with an image

Upload a lifestyle shot, editorial, or product photo — JPG, PNG, or WebP up to 10MB. 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
2

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
3

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"
4

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
5

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

See a Markspot built live

A full walk-through from first upload to paste-ready embed — dropping soon.

Video walk-through coming soon

FAQ

Still wondering?

The quick answers to what most people ask before their first Markspot.

JPG, PNG, and WebP up to 10MB. 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

Ready to mark your spot?

From a blank image to a live Markspot in under five minutes.

Create a Markspot