logo
Element tipsUsing the Assets library

Using the Assets library

Manage the shared resources LinkSpot elements draw from (images, SVG icons, and custom color schemes) from one place in Settings.

The Assets library is where you manage the shared resources that LinkSpot elements can use across the app: custom images, SVG icons, and custom color schemes. Once added here, these resources show up as pickable options inside element forms (annotation indicators, button icons, color scheme dropdowns, collage cells, and so on).

You can find it under Settings > Assets in the LinkSpot admin.

What lives in the Assets library

The page is organized into three sections, one per resource type.

Images

A grid of custom images you upload. Used as:

  • Annotation indicators when you pick the Custom image indicator type.

  • Cells in a Collage when sourced from images.

  • Anywhere else an element form offers a media picker that pulls from your library.

You can store up to 30 images.

SVG icons

A list of custom SVG icons. Used as:

  • Annotation indicators when you pick the Custom SVG indicator type.

  • Button icons (alongside the built-in icon set).

  • Anywhere else an element form offers an SVG picker.

SVG icons need to be valid SVG markup. Paste or upload them through the SVG icon manager in this section.

This is limited to 3 svg icons only because they're permanently loaded in the code and may affect page weight.

Color schemes

A list of named color schemes (background color, text color, optional background alpha). Used as:

  • The Custom option in any element's color scheme dropdown (pins, badges, buttons, captions, product sets, annotations).

  • The quick-view popup color scheme in Settings > General.

Each scheme has a name, a background color, a text color, and an optional alpha for the background.

How to add resources

For each section:

  1. Open Settings > Assets.

  2. Find the section for the resource type you want to add (Images, SVG icons, or Color schemes).

  3. Click the add button.

  4. Upload (for images and SVGs) or configure the values (for color schemes).

  5. Save.

The new resource appears in the relevant pickers inside element forms right away.

How to remove or rename resources

Each resource has a small menu (or a remove button) next to it in the list. Removing a resource that is in use does not immediately break the elements that reference it; the element form falls back to its default value, and the visual change happens at next render. Confirm where a resource is used before removing it.

Tips

  • Keep asset names short and descriptive. The names appear in the dropdown when an element picks the resource.

  • Reuse the same color scheme across element types for a consistent visual identity.

  • Custom SVG indicators in annotations are plan-gated under PLAN_PLACEHOLDER. The Assets library lets you upload SVGs regardless of plan; the indicator picker inside an annotation stays gated until your plan unlocks it.