Style Hotspot Labels and Icons in a Virtual Tour

Q: Can I upload my own hotspot icon?

Yes. Under Choose your icon , click the current icon and upload your own image, such as a PNG or SVG of your logo or a custom arrow.

Q: Can I show a hotspot’s label only on hover?

Yes. Choose the eye icon next to Hotspot Name and pick Label Hidden (show on hover) . The label then shows only when visitors point at the hotspot.

Q: Can I give every new hotspot the same style?

Yes. On the Tour tab, open Default Hotspots and choose the icon and label style new hotspots start with. To reuse one hotspot’s style, copy and paste it .

Style Hotspot Labels and Icons in a Virtual Tour

Every hotspot in a TeliportMe tour has an icon and an optional label. You can change both for each hotspot: pick or upload an icon, resize it, turn it, lay it flat on the floor, and style the label’s text, colours and border, so your hotspots match your brand and visitors can see where each one leads.

Updated 3 November 20262 min read

Open a hotspot’s settings

On the Hotspot tab, click a hotspot in the panorama to select it, or choose + HOTSPOT (1) to add one. Its settings open on the right: what it links to at the top, then the icon, then the label.

The Hotspot tab with the + HOTSPOT button marked 1, next to + POLYGON and + 3D TEXT

Change the icon

Under Choose your icon, click the current icon. Pick one from the library, or upload your own image (JPG, PNG, SVG, WebP or animated PNG).
Choose the gear next to it for more:

Floor TypeTick Floor to lay the icon flat on the floor, in perspective, like a marker on the ground. Good for “walk here” arrows.
Size0 to 100.
Rotation0 to 360 degrees, for example to point an arrow down a corridor.
Transparency0 (solid) to 90.

Name and style the label

Type the label in Hotspot Name, for example “Kitchen”.
Use the eye icon to choose when it shows: Label Shown keeps it on screen, Label Hidden (show on hover) shows it only when visitors point at the hotspot.
Choose the gear next to it to style it:

FontAny font from the list, or the tour’s font.
Text, Background, BorderThe label’s colours.
Size and alignmentText size from 10 to 64, aligned left, centre or right.
Max Width0 to 400. Longer labels wrap onto more lines.
Padding, MarginSpace inside and around the label, 0 to 50 each.
Border Width, Border Radius0 to 20, and 0 to 50 for rounded corners.

Changes save as you make them and show straight away in the panorama.

Style every new hotspot the same way

Rather than styling each hotspot by hand, set the defaults once: on the Tour tab, open Default Hotspots and choose the icon and label style new hotspots should start with.

Tips

Busy panorama? Use Label Hidden (show on hover), so the labels don’t cover the view.
Keep icons readable on phones: very small icons are hard to tap. Check the tour on your phone before you share it.
To copy a styled hotspot to another spot or panorama, use copy and paste (Ctrl+C, Ctrl+V) or duplicate (Ctrl+D).

Common questions

Can I upload my own hotspot icon?

Yes. Under Choose your icon, click the current icon and upload your own image, such as a PNG or SVG of your logo or a custom arrow.

Can I show a hotspot’s label only on hover?

Yes. Choose the eye icon next to Hotspot Name and pick Label Hidden (show on hover). The label then shows only when visitors point at the hotspot.

Can I give every new hotspot the same style?

Yes. On the Tour tab, open Default Hotspots and choose the icon and label style new hotspots start with. To reuse one hotspot’s style, copy and paste it.