Готовый тур можно показать интерактивным блоком на любой странице модуля бронирования.
Перед началом
- Создайте тур, добавьте хотя бы одну сцену и сохраните изменения.
- Создайте модуль бронирования.
- Для проверки на публичной странице опубликуйте модуль.
Добавьте тур в модуль бронирования
- Откройте Модули брони и перейдите в редактор нужного модуля.
- На вкладке Страницы выберите системный этап или дополнительную страницу.
- В режиме Конструктор добавьте секцию и колонку, если на странице ещё нет подходящего места.
- В палитре Бронирование найдите блок 3D-тур и добавьте его в колонку.
- Выделите добавленный блок.
- В группе 3D-тур правой панели нажмите Выбрать тур.
- Найдите сохранённый тур, выберите его и нажмите Выбрать.
- Установите высоту блока от 320 до 900 px и примените настройки группы.
- Нажмите общую кнопку Сохранить.
Тур появится прямо на холсте. Посетитель сможет поворачивать и приближать панораму, переходить между сценами и открывать информационные точки.
Блок доступен на этапах Поиск и список, Бронирование, Завершение, Личный кабинет и на дополнительных страницах. На одной странице можно разместить несколько блоков с разными или одинаковыми турами.
Используйте тур в своей вёрстке
- Откройте нужную страницу и переключитесь на Свою вёрстку.
- Нажмите Блок и выберите 3D-тур.
- Выберите тур, задайте высоту и нажмите Вставить.
- Разместите добавленный маркер
<si-block>в нужной части HTML. - Сохраните модуль.
Не заменяйте маркер обычным iframe внутри HTML модуля: системный блок сам получает данные тура и одинаково работает в preview и на опубликованной странице.
Вставьте тур iframe-кодом
Внешняя вставка доступна через публичный адрес опубликованного модуля бронирования.
- Откройте 3D-туры и нажмите значок просмотра нужного тура.
- В разделе Вставка на сайт выберите опубликованный модуль бронирования.
- Скопируйте готовый Iframe-код.
- Вставьте код в HTML страницы на текущем публичном домене модуля.
Код не работает на произвольном стороннем сайте. Viewer разрешает iframe только с системного поддомена или подтверждённого собственного домена выбранного модуля.
Проверьте результат
- Нажмите Предпросмотр в редакторе модуля.
- Откройте страницу с туром.
- Проверьте стартовую сцену, поворот и масштаб панорамы, все переходы и информационные точки.
- Проверьте высоту блока на desktop и mobile.
- После публикации откройте публичную ссылку модуля и повторите проверку.
Если изменить и сохранить исходный тур, блоки продолжат показывать этот же тур с обновлёнными сценами и точками. Перед удалением тура удалите его блоки из модулей или выберите в них другой тур, иначе посетитель увидит сообщение 3D-тур недоступен.