Quickstart

This walkthrough adds a single hotspot to one of your products and previews it on the storefront. Hotspots are the simplest LinkSpot element to start with: a clickable marker on a product image that reveals information when a shopper interacts with it.

This guide assumes you have already completed the setup guide so the app embed is enabled and LinkSpot knows where to place elements.

Step 1: Open the Elements page

From the LinkSpot dashboard, click Elements in the top navigation. The Elements page lists each element type LinkSpot supports (hotspots, annotations, captions, product sets, buttons, badges, collages) as a card.

Step 2: Start a new hotspot

1. Find the Hotspots card.
2. Click the button to add a new hotspot.
3. A product picker appears. Pick a product from your catalog.
4. LinkSpot opens the hotspots page for that product.

If the product has more than one image, pick the image you want to add the hotspot to.

Step 3: Place and configure the hotspot

1. Click on the image where you want the hotspot to appear. LinkSpot places a marker at that point.
2. The hotspot form opens. Set the text a shopper sees when they interact with the hotspot, pick a hotspot style, and optionally add a link to a URL or another product.
3. Click Save.

Step 4: View the hotspot on your storefront

1. Navigate to the product you just edited on your storefront.
2. The hotspot appears as a marker on the image you placed it on.
3. Hover over the hotspot on desktop, or tap it on mobile, to see the configured content.

If the hotspot does not appear:

• Check that the app embed is enabled for your current theme. The setup guide handles this.
• Make sure you are viewing the same image you placed the hotspot on.
• Reload the page in case your browser is showing a cached version.

What's next

You have just created your first per-image element. Try the other types from the same Elements page:

• Annotations layer visual callouts (lines, shapes) on an image.
• Captions show short text overlays on an image.
• Badges, buttons, product sets, and collages are shop-wide elements you configure once and target to many products.

Each of those is added the same way: find the card on the Elements page, click to add, and follow the same general flow.