🔗
Add Your Image
Paste a Shopify CDN URL or any direct image link
Image must be hosted publicly — uploads aren't supported because Shopify needs a CDN URL.
Click image to place
Your HTML — paste into Shopify blog post (HTML mode)
Edit Hotspot
0 / 72 characters
16px
Default Settings
16px
12px
Title style
11px
Price style
✓ Saved as browser default
Image Overlay
disabled
0 / 35 characters
18px
Text style
Paste a direct image URL (must be publicly accessible). File uploads aren't supported because they can't be embedded in the Shopify HTML output.
Hotspots
0 placed
No hotspots yet.
Upload an image and click
to start placing dots.
Upload an image and click
to start placing dots.
How to Use
1
Upload a lifestyle or product image
2
Click Place Hotspot, then click anywhere on the image
3
Fill in the product name + URL in the edit panel above. Pick a color for this dot.
4
Repeat for each product. Use Preview to test links.
5
Click Generate HTML → paste into your Shopify blog post HTML editor