# LinkSpot

> Documentation for the LinkSpot app

## Documentation

- [Introduction](https://docs.linkspotapp.com/introduction.md): Add interactive visual elements to your Shopify product images and pages with LinkSpot.
- [Install LinkSpot](https://docs.linkspotapp.com/install-linkspot.md): Install LinkSpot from the Shopify App Store, see what permissions are requested, what gets added to your theme, and what happens when you uninstall.
- [Setup guide](https://docs.linkspotapp.com/setup-guide.md): Walk through the setup guide on the LinkSpot dashboard to enable the app embed, detect your product gallery, and verify that elements render on your storefront.
- [Quickstart](https://docs.linkspotapp.com/quickstart.md): Add your first hotspot to a product and see it render on your storefront in a few minutes.
- [Setup](https://docs.linkspotapp.com/theme-setup.md): Configure the app embed and product gallery compatibility for any of your themes from Settings > Compatibility > Theme integration.
- [Product cards setup](https://docs.linkspotapp.com/product-cards-setup.md): Set up LinkSpot elements (currently badges) to appear on product cards across your store, including collection pages and search results.
- [Theme sections](https://docs.linkspotapp.com/theme-sections.md): Install the LinkSpot Grid Section in your theme, with one click or by hand, to add a flexible, responsive container where LinkSpot app blocks can be placed.
- [Badges](https://docs.linkspotapp.com/badges-overview.md): Overlay visual badges (SALE, NEW, low-stock, countdown timers, stamps) on your product images to highlight value, urgency, or other product details.
- [Targeting products and collections](https://docs.linkspotapp.com/badges-targeting.md): Decide which products a badge appears on using the three targeting modes (all products, specific products, specific product image) and optional collection or tag filters.
- [Scheduling](https://docs.linkspotapp.com/badges-scheduling.md): Show or hide a badge automatically between a start and end date, without having to enable or disable it manually.
- [Conditional display](https://docs.linkspotapp.com/badges-conditional-display.md): Show or hide a badge based on cart, customer, and product metafield rules evaluated in the shopper's browser.
- [Label AI-generated images](https://docs.linkspotapp.com/badges-ai-generated-images.md): Add an "AI-generated" badge to the product images you created with AI, for example to meet the disclosure rules of the EU AI Act. The badge targets images by their alt text.
- [Hotspots](https://docs.linkspotapp.com/pins.md): Add clickable points to product images that reveal text, links, or related products when shoppers interact with them.
- [Annotations](https://docs.linkspotapp.com/annotations.md): Add visual callouts (lines, shapes, custom SVGs or images) with optional text to highlight features on product images.
- [Captions](https://docs.linkspotapp.com/captions.md): Add short text captions on product images, with an optional ticker animation for promotional messages.
- [Product sets](https://docs.linkspotapp.com/product-sets-overview.md): Group related products and show them next to the product gallery as a card carousel, a links list, or a button popup.
- [Targeting products and collections](https://docs.linkspotapp.com/product-sets-targeting.md): Decide which products a product set appears on using the three targeting modes (all products, specific products, specific product image) and optional collection or tag filters.
- [Buttons](https://docs.linkspotapp.com/buttons-overview.md): Place interactive call-to-action buttons on product gallery images to open links, trigger media modals, or fire custom JavaScript events.
- [Targeting products and collections](https://docs.linkspotapp.com/buttons-targeting.md): Decide which products a button appears on using the three targeting modes (all products, specific products, specific product image) and optional collection or tag filters.
- [Collages](https://docs.linkspotapp.com/collages-overview.md): Build bento-grid image compositions and insert them into a product gallery, right after an image you pick.
- [Targeting and image position](https://docs.linkspotapp.com/collages-targeting.md): Pick the product a collage is added to and the gallery image it appears right after. The original image stays in the gallery; the collage is added as a new media slot right after it.
- [App blocks](https://docs.linkspotapp.com/app-blocks.md): Browse the app blocks LinkSpot provides and add any of them to your theme editor to place LinkSpot elements anywhere in your store.
- [Elements preview settings](https://docs.linkspotapp.com/elements-preview-settings.md): Adjust the preview panel inside the element form to match how the element will look on your storefront, including aspect ratio, mobile and desktop view, and other display options.
- [Pin elements to the sidebar menu](https://docs.linkspotapp.com/pin-elements-to-sidebar.md): Add element types (Hotspots, Badges, Buttons, and others) as direct shortcuts under Elements in the LinkSpot sidebar, so you can jump straight to a specific element type.
- [App blocks advanced features](https://docs.linkspotapp.com/app-blocks-advanced.md): Use the advanced fields on LinkSpot's app blocks (CSS selector targeting, block template configuration, product copies and variants) to control where an element renders, which saved settings it uses, which products it shows, how often a product repeats, and which variants it shows.
- [Using the Assets library](https://docs.linkspotapp.com/assets-library.md): Manage the shared resources LinkSpot elements draw from (images, SVG icons, and custom color schemes) from one place in Settings.
- [Changing the text font family](https://docs.linkspotapp.com/element-font-family.md): Switch the font family used for text inside LinkSpot elements (badges, hotspots, annotations, captions, product sets, buttons, collages) from Settings > General.
- [Using templates](https://docs.linkspotapp.com/templates-using.md): Pick a saved template when you create or edit a LinkSpot element to copy its settings instead of configuring everything from scratch.
- [Saving templates](https://docs.linkspotapp.com/templates-creating-shop.md): Save the current element's settings as a reusable template for your shop, so the next element of the same type can start from those values.
- [System templates](https://docs.linkspotapp.com/templates-system.md): What system templates are, how they differ from shop templates, and where they appear in the Library.
- [Elements are not showing on the storefront](https://docs.linkspotapp.com/troubleshooting-elements-not-showing.md): A checklist for why a LinkSpot element you saved is not appearing on your storefront, and how to resolve each cause.
- [Changes are not syncing to the storefront](https://docs.linkspotapp.com/troubleshooting-not-syncing.md): How LinkSpot's background sync works, why a saved change can take a moment to appear on your storefront, and what to check if a sync seems stuck.
- [Elements appear under or above another page element](https://docs.linkspotapp.com/troubleshooting-z-index.md): Adjust the global z-index for LinkSpot elements when they appear behind or on top of other content on your storefront (theme headers, banners, popups, drawers).
- [Where to find Shopify's collaborator request code](https://docs.linkspotapp.com/faq-collaborator-code.md): How to find the 4-digit collaborator request code in your Shopify admin so LinkSpot support can request access to your store.
- [How to contact support](https://docs.linkspotapp.com/faq-contact-support.md): Where to find the in-app contact form, what information to include, and what to expect after sending a message.
- [Why preview is not identical to storefront](https://docs.linkspotapp.com/faq-preview-vs-storefront.md): The element preview in the LinkSpot admin renders in a controlled context. Real product images, theme styles, and gallery rendering can shift how elements look on the storefront.
- [Why changes don't reflect in storefront instantly](https://docs.linkspotapp.com/faq-changes-not-instant.md): After you save an element in LinkSpot, the storefront usually catches up within seconds, but it can take a minute or two during heavier loads. Persistent delays point to a different issue.
- [Privacy Policy](https://docs.linkspotapp.com/privacy-policy.md): How LinkSpot collects, uses, and handles information when merchants install and use the application.

## Changelog

- [Changelog](https://docs.linkspotapp.com/changelog.md): Track the latest updates and improvements to LinkSpot.

## Get support

- [Submit support request](https://docs.linkspotapp.com/get-support.md)