Hotspots

Polygon and 3D Text Hotspots for Virtual Tours

A normal hotspot is an icon floating in the panorama. TeliportMe has two more kinds that look part of the room. A polygon is a shape you draw over part of the room, such as a doorway, a window or a piece of furniture, that visitors click. 3D text is text fixed to a surface in perspective, like a sign painted on the wall.

Updated 3 min read

Hotspots
  1. Virtual Tour Hotspots: What They Are and How to Add Them
  2. Add Photos, Videos, PDFs and Audio to a Virtual Tour
  3. How to Add a Reverse Hotspot to a Virtual Tour
  4. Style Hotspot Labels and Icons in a Virtual Tour
  5. Polygon and 3D Text Hotspots for Virtual Tours
  6. Smart Bubble: Add Info Cards and Buttons to a Virtual Tour
  7. Copy, Paste and Duplicate Hotspots in a Virtual Tour

Add one

On the Hotspot tab, turn the view so the spot you want is in the middle of the screen, then choose + POLYGON (1) or + 3D TEXT (2).

The Hotspot tab with + POLYGON marked 1 and + 3D TEXT marked 2

A four-cornered shape appears in the middle of the view, with its settings on the right.

Shape it

  • Move a corner: drag it. Line the corners up with the edges of the doorway, picture or wall, and the shape follows the room’s perspective.
  • Add a corner (polygons only): click on an edge where you want it. Use this to trace something that isn’t a rectangle, such as a sofa or an arched window.
  • Remove a corner (polygons only): click it, then press Delete (or Ctrl+Backspace, Cmd+Backspace on a Mac). A polygon needs at least three corners; removing more deletes it.

Polygon settings

At the top, choose what the polygon does when clicked, the same as for any hotspot: open another panorama, an image, a video, a web page, a Smart Bubble or a form. Then style it:

  • Fill, Hover FillThe colour inside the shape, normally and when visitors point at it. A see-through fill that gets stronger on hover shows the area is clickable without hiding the room.
  • Border, Hover BorderThe outline colour, normally and on hover.
  • Border Size, Hover BorderThe outline thickness, 0 to 20, normally and on hover.

3D text settings

Under 3D Text Settings, replace “Enter text” with your own, then style it:

  • FontAny font from the list, or the tour’s font.
  • Text, BackgroundThe colour of the letters and of the area behind them.
  • Size, line height, alignmentText size from 10 to 64, line height from 12 to 100 (or Default), aligned left, centre or right.
  • Background, Hover Background, Border, Hover BorderThe colours of the box the text sits in, normally and on hover.
  • Border Size, Hover Border0 to 20.
  • Border Radius0 to 50, for rounded corners.

Delete one

Select it and choose the bin icon in its settings.

Tips

  • Take your time with the corners. Zoom in on the panorama while you place them; small gaps show when visitors look closely.
  • Use 3D text for signs and labels that should look part of the room: room names on doors, a product name on a display, directions on a wall.
  • To show a picture or video in perspective on a wall or screen instead, use Magic Embed.

Common questions

Can I make a whole doorway or window clickable?

Yes. Choose + POLYGON and drag its corners onto the edges of the doorway or window. A polygon can link to anything a hotspot can, such as another panorama, a video or a form.

Can 3D text have more than four corners?

No. Only polygons can have corners added; 3D text keeps its four, so it sits on a flat surface like a wall or a door.

What’s the difference between a polygon and Magic Embed?

A polygon is a clickable shape with a fill and a border. Magic Embed shows a picture, a video or a web page bent onto a surface, such as a TV screen.

Start your free trial

Build one tour with every feature, free forever. No credit card. Subscribe when you’re ready to publish.