Ссылка и встраивание на сайт

Публичная ссылка на 3D-тур, HTML-код для вашего сайта и отдельная ссылка для площадок объявлений.

Где найти

Вкладка «Встраивание» в 3D Студии: публичная ссылка, ссылка для площадок, формат iframe, HTML-код и предпросмотр
  1. Откройте 3D Студию проекта.
  2. Опубликуйте тур кнопкой «Опубликовать» в верхней панели Студии. Пока тур не опубликован, во вкладке стоит сообщение «Проект не опубликован».
  3. Перейдите на последнюю вкладку «Встраивание» (группа «Публикация»).

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

Тариф
Публичная ссылка на 3D-тур работает не на всех тарифах. На бесплатном тарифе тур можно создать и настроить, но посетителям он не показывается. Подробности — в актуальных тарифах.

Формат iframe

Блок «Формат iframe» с четырьмя вариантами и поле «HTML-код» с кнопкой «Копировать код»

Чтобы тур открывался прямо на вашем сайте, выберите в блоке «Формат iframe» размер окна:

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

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

Копировать код

  1. Под форматами в поле «HTML-код» появится готовый код.
  2. Нажмите «Копировать код».
  3. Вставьте код в HTML-страницу вашего сайта или в HTML-блок конструктора сайтов.

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

Если тур не показывается на сайте
Некоторые сайты ограничивают встраивание чужих страниц. Попросите администратора сайта разрешить домен vpano.ru для встраивания (настройка frame-src).

Дальше