Mango360 — interactive 360° virtual toursMango360
Назад в блог
Начало работы

Опубликуйте первый тур 360° за 30 минут

От одной эквидистантной панорамы до опубликованного тура с хотспотами, формой сбора контактов, кодом встраивания и аналитикой.

8 октябрь 2026 г.3 мин чтенияавтор Elena Sorokina
Опубликуйте первый тур 360° за 30 минут

Виртуальному туру 360° не нужны ни студия, ни съёмочная группа, ни год подготовки. Достаточно одной эквидистантной панорамы и получаса, чтобы опубликовать тур, который откроется на телефоне, встроится на сайт и начнёт собирать статистику. Это руководство проходит точный путь внутри Mango360: загрузка и проверка панорамы, связывание двух сцен хотспотами, добавление формы сбора контактов, публикация неизменяемой версии и вставка кода встраивания на страницу. Хронометраж рассчитан на широкополосное соединение и свежий ноутбук.

Подготовьте панораму, которая пройдёт проверку

  • Эквидистантное изображение 2:1, 8192 × 4096 пикселей или лучше — кадр 4:3 или 16:9 обрезается вьюером, и пропадает та треть горизонта, где находятся пол и потолок
  • jpg или png; tiff — только если его выдаёт ваш панорамный стек
  • Размер файла меньше 40 МБ: всё, что больше, лучше сжать в webp локально
  • Ровная линия горизонта: штатив ставится горизонтально, а не на наклонную голову

Загрузите файл, а производные пусть сделает платформа

Перетащите файл в проект — проверка запускается сразу и сообщает о двух причинах, по которым отклоняется почти каждая загрузка: неверное соотношение сторон и цветовой профиль, который не умеет читать браузер. Когда проверка пройдена, Mango360 создаёт превью и версии низкого, среднего и высокого качества в webp и avif: один и тот же тур остаётся пригодным для медленного мобильного интернета и остаётся чётким на десктопе.

  1. Создайте проект и перетащите панораму в список сцен
  2. Дождитесь проверки и сравните превью с исходным файлом
  3. Переименуйте сцену по её реальному местоположению, чтобы план этажа оставался читаемым
  4. Добавьте вторую сцену и повторите ту же загрузку

Свяжите сцены хотспотами

Именно хотспоты превращают слайд-шоу в тур. Ссылка на сцену переводит посетителя в другую сцену, информационный хотспот открывает панель с текстом и изображением, медиа-хотспот запускает видео или аудио, кнопка-призыв уводит наружу, а форма сбора контактов запрашивает имя, телефон или e-mail перед тем, как посетитель продолжит.

  • Ссылку на сцену разместите на том дверном проёме, через который действительно прошли, а не на случайной стене
  • Информационных хотспотов — два или три на сцену: каждая панель конкурирует за внимание
  • Кнопку-призыв привяжите к предмету в кадре, чтобы она читалась как часть помещения
  • Форму добавьте в финальную сцену, а URL вебхука укажите, если данные должны уходить в вашу CRM

Опубликуйте, встройте и поделитесь

Опубликованная версия неизменяема: сборка, которую видят посетители, не может измениться под вами. Когда что-то нужно поменять, публикуйте новую версию и откатывайтесь к предыдущей из истории версий.

  1. Опубликуйте версию и задайте видимость: публичная, по ссылке или с паролем
  2. Скопируйте однострочный iframe-код и добавьте параметры другой стартовой сцены или минимального интерфейса
  3. Сгенерируйте QR-код для ресепшена, печатных буклетов или стенда в здании
  4. Откройте раздел Analytics через час трафика: открытия, просмотры сцен и точки оттока

Начинайте с самого сильного кадра. Тур, который открывается пустым коридором, кажется сломанным, поэтому сделайте первой сценой стойку ресепшена с людьми и укажите на неё параметр scene.

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

Соберите первый тур за 30 минут

Тот же сценарий в редакторе — хотспоты, планы этажей, формы заявок и аналитика.

Открыть студию