Встраивание 360°-тура и ссылка

Ссылка и код для сайта работают только у опубликованного тура. Пока проект закрыт, пункты «Встроить на сайт» и «Копировать ссылку» серые.

1. Откройте проект в редакторе панорам.
2. Справа вверху нажмите кнопку доступа («Закрытый») и выберите «Публичный». Появится сообщение, что проект опубликован.

Опубликовать проект можно и на странице проекта в личном кабинете — см. Публичный или закрытый.

В меню доступа нажмите «Копировать ссылку». Ссылка на тур выглядит так: https://vpano.ru/t/{userSlug}/{projectSlug}/. Её можно отправить клиенту в мессенджер, по почте или вставить в объявление — тур откроется в браузере на компьютере, телефоне и планшете, приложение ставить не нужно.

Посетитель тоже может поделиться туром: в самом туре есть кнопка «Поделиться» со ссылкой и QR-кодом — см. Тур глазами посетителя.

1. В меню доступа нажмите «Встроить на сайт». Откроется окно с публичной ссылкой, выбором формата и HTML-кодом.
2. Выберите «Формат iframe» (см. Размер окна).
3. Нажмите «Копировать код» — на кнопке появится «Скопировано».
4. Вставьте код в HTML-страницу вашего сайта или в блок «HTML-код» конструктора сайтов. Дополнительные скрипты ставить не нужно.

Под кодом — «Предпросмотр»: так тур будет выглядеть на сайте. Код встраивания показывает тот же тур, что и публичная ссылка: все правки в редакторе видны и на сайте, код менять не нужно.

В окне «Встроить на сайт» есть четыре формата:

• «Широкоэкранный» — 16:9, стандарт для большинства сайтов. Выбран по умолчанию.
• «Квадратный» — 1:1, для карточек и постов.
• «Вертикальный» — 9:16, для мобильных секций.
• «Во всю ширину» — 100% ширины и 600 пикселей в высоту.

Первые три формата занимают всю ширину блока, в который вы вставили код, и сохраняют пропорции. Чтобы тур был меньше, поставьте код в более узкий блок. Выбор формата меняет только код и в проекте не сохраняется.

Отдельный код для телефона не нужен: окно тура подстраивается под ширину экрана. Для мобильной версии сайта удобен формат «Вертикальный».

В коде уже разрешены полноэкранный режим, гироскоп и VR. Посетитель может развернуть тур на весь экран, а на телефоне с датчиком положения — осматриваться, поворачивая телефон, если вы включили кнопку «Гироскоп» в редакторе (см. Кнопки тура). В новом туре гироскоп и VR-режим скрыты.

Для объявлений на ЦИАН, Авито, Яндекс Недвижимости и ДомКлике есть отдельная ссылка на тот же тур — с нейтральным плеером, без логотипов, визитки и меню. Она открывается по адресу https://tour.vpano.ru/{userSlug}/{projectSlug}/.

1. Опубликуйте тур.
2. В меню доступа нажмите «Режим площадки» — появится галочка и сообщение «Режим площадки включён».
3. Нажмите «Ссылка для площадок» — ссылка скопируется.

Основная ссылка и код для сайта при этом не меняются. Подробнее — Ссылка для площадок.

• Тур не открывается — проверьте, что проект опубликован («Публичный»). Закрытый тур по ссылке и на сайте не открывается.
• Сайт не показывает встроенные страницы — некоторые сайты ограничивают встраивание. Попросите администратора сайта разрешить домен vpano.ru в настройке frame-src.
• Тур слишком большой или маленький — выберите другой формат или поставьте код в блок нужной ширины.

• Тур глазами посетителя — что видит посетитель по вашей ссылке.
• Настройки тура — какие кнопки показать посетителю.
• Встраивание 3D-тура — то же для 3D-тура.