Mango360 — interactive 360° virtual toursMango360
Назад в академию
Трек 3. Создание интерактивных туров

Размещение и настройка хотспотов

Разместите на панораме переходы, информационные и медиа-хотспоты, затем настройте подписи, условия показа и целевые сцены.

7 мин чтенияУрок 2 из 4

Вы узнаете о четырёх типах хотспотов, которые поддерживает Mango360, и о различиях между ними: где они появляются, что открывают и как ведут себя, когда посетитель нажимает их в туре.

Типы хотспотов

Выберите тип на панели инструментов до того, как щёлкните по панораме: метка следует за курсором и остаётся там, где вы нажали. Затем хотспот появляется в панели свойств, где задаются подпись, размер и, для перехода между сценами, адрес назначения. Тип выбирается до щелчка, иначе на панораме появится метка с настройками по умолчанию, которые придётся переделывать.

  • Переход между сценами — переносит зрителя в другую сцену, при желании с переходом.
  • Информационный хотспот — открывает панель с заголовком, текстом и необязательным изображением.
  • Медиа-хотспот — открывает плеер с видео или аудио рядом с панорамой.
  • CTA-кнопка — кнопка, которая открывает форму, ссылку или виджет бронирования.

Настраиваем поведение

  1. Выберите хотспот на холсте, чтобы открыть его настройки.
  2. Задайте подпись по действию, например Enter the living room.
  3. Для перехода выберите целевую сцену и время перехода в секундах.
  4. Для информационного хотспота добавьте текст и картинку и решите, открывать ли его по клику или по наведению.

Не размещайте хотспоты в нижней трети панорамы, где находится интерфейс просмотрщика. Метка в этой зоне прячется за панелью навигации на мобильных экранах.

Проверяем на телефоне

Перед публикацией посмотрите тур на телефоне. Размер меток масштабируется вместе с панорамой, поэтому хотспот, который хорошо читается на большом экране, может оказаться слишком мелким для нажатия. Увеличьте важные метки и проверьте снова. Полезно проверить и вертикальный, и горизонтальный экран: в портретной ориентации метки уходят ближе к краю.