Hotspots

Smart Bubble: Add Info Cards and Buttons to a Virtual Tour

A Smart Bubble is a TeliportMe hotspot that opens a designed card in a window over the tour: a heading, some text, a photo and a button, for example. Use it for room details, product information, a price list or a “Book a viewing” call to action, without sending visitors away from the tour.

Updated 2 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

Create a Smart Bubble

The Hotspot tab with the + HOTSPOT button marked 1
  1. On the Hotspot tab, select a hotspot, or choose + HOTSPOT (1) to add one where you want the bubble.
  2. In its settings, set Link To to Smart Bubble.
  3. Choose CREATE SMART BUBBLE. The Smart Bubble editor opens.
  4. Build the card from blocks: headings, text, images, buttons, dividers and columns. Click a block to edit it, and drag blocks to reorder them. For images, upload a new one or pick from images you’ve already uploaded.
  5. Choose Done.

The hotspot now shows ● Smart Bubble Active. Choose PREVIEW to see the card as visitors will, or EDIT to change it.

Use your own HTML

If you’d rather write the card yourself, open Raw HTML Code under the Smart Bubble buttons and paste or type your HTML. It replaces what the editor made, so keep a copy if you might go back.

Open a Smart Bubble from a menu or button

Smart Bubbles aren’t only for hotspots. When you choose what a menu item or a custom control bar button opens, the link picker has a Smart Bubble tab too.

Tips

  • Keep it short. A bubble is read over the tour, often on a phone: a heading, two or three lines and one button work best.
  • One clear action. End with a single button, such as “Book a viewing” or “Buy now”, linking to your booking page or shop.
  • Check it on a phone with PREVIEW, then in the published tour.

Common questions

What can I put in a Smart Bubble?

A Smart Bubble can hold headings, text, images, buttons, dividers and columns, built from blocks in the Smart Bubble editor. You can also write your own HTML under Raw HTML Code.

Does a Smart Bubble take visitors away from the tour?

No. A Smart Bubble opens in a window over the tour, so visitors stay where they are. Add a button if you want to send them on to your booking page or shop.

Can a menu item open a Smart Bubble?

Yes. When you choose what a menu item or a custom control bar button opens, pick the Smart Bubble tab in the link picker.

Start your free trial

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