Как встроить тур на сайт?
Скопируйте iframe-код и вставьте его в WordPress, Tilda, Webflow, Bitrix или обычный HTML, а проигрыватель настройте параметрами адреса.
У каждого опубликованного тура есть embed-код. Вставьте его на страницу, где должен показываться тур, задайте ширину и высоту под макет, и проигрыватель загрузится во фрейме.
Как получить код
- Откройте проект и выберите «Проект» → «Опубликовать».
- Перейдите на вкладку «Embed» и скопируйте фрагмент кода.
- Вставьте его в исходный код страницы или в блок HTML в вашей CMS.
Управление проигрывателем
Проигрыватель принимает параметры в адресе. Параметр autoplay=1 запускает тур без клика, scene открывает нужную сцену, ui=minimal скрывает интерфейс, а lang задаёт язык интерфейса. Параметры можно комбинировать, при этом значение scene должно совпадать с названием сцены в проекте, иначе проигрыватель откроет первую сцену тура. Проигрыватель занимает весь отданный фрейм, поэтому задайте фиксированную высоту на десктопе и разрешите масштабирование на небольших экранах: 620 пикселей — хорошая отправная точка.
<iframe
src="https://studio.mango360.app/embed/TOUR_ID?autoplay=1&scene=hall&ui=minimal&lang=en"
width="100%"
height="620"
frameborder="0"
allow="accelerometer; gyroscope; xr-spatial-tracking; fullscreen"
allowfullscreen
></iframe>Управление с вашего сайта
Встраивание также даёт API через postMessage, поэтому кнопка на странице может открыть сцену или узнать текущую. Слушайте сообщения о смене сцены и отправляйте свои команды в том же формате. Слушатель лучше держать на своём домене и проверять origin входящих сообщений, потому что фрейм может встроить любой сайт, у которого есть ссылка. Этим же API можно узнать текущую сцену, например чтобы подсветить нужный пункт меню.
Встраивание работает только для опубликованного тура. Если фрейм пустой, откройте адрес в новой вкладке: если там тур грузится, дело в вашей странице, а не в туре. Неопубликованный тур покажет внутри фрейма страницу «не найдено».
Не нашли ответ?
Наша команда поддержки готова помочь.