π
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
Beacon
Glow
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