Elements preview settings

Every element form in LinkSpot has a live preview panel that shows what the element will look like before you save it. The preview uses a placeholder image by default. You can adjust its aspect ratio, switch between desktop and mobile views, and tweak a few other display options so the preview matches your real product images.

Where to find it

The preview panel appears next to the form fields when you create or edit any element (pin, annotation, caption, badge, button, product set, or collage). It updates live as you change form values.

Aspect ratio

By default the preview uses the placeholder image's natural aspect ratio. You can pick a different ratio so the preview frame matches the proportions of your real product photos.

The available ratios:

• Natural (default)
• Square (1:1)
• Portrait (3:4), Portrait (4:5), Portrait (5:7), Portrait (2:3)
• Landscape (4:3), Landscape (3:2), Landscape (16:9)
• Widescreen (5:3), Ultra Landscape (21:9)

Pick the one closest to your store's photography to see a more accurate placement preview.

Mobile / desktop switch

Use the desktop and mobile icons in the preview header to toggle between the two viewport sizes. The preview reflows to mobile width when you switch, so you can confirm element positioning and sizing at both breakpoints before saving.

This is especially useful for badges, captions, and pins, where the spatial relationship to the image changes between viewport sizes.

Preview options menu

The settings icon in the preview header opens a small options menu with additional toggles. The exact options depend on the element type. Two common ones:

• Snap to grid. When enabled, draggable elements (pins, annotations) snap to a visible grid in the preview so you can align them more precisely.
• Element-specific options, such as hiding sibling elements while you focus on the one you are editing, or scaling adjustments for annotations.

The icons in the preview header give one-click access to the most-used controls; the gear icon menu groups the less common ones.

Scope

Preview settings are per-session and per-form, not stored per-element. Changing the aspect ratio or switching to mobile view affects only your current preview. It does not change how the element renders on the storefront, where rendering happens against your real product images using their actual aspect ratios and viewport behavior.