Как вставить 3D тур на сайт

Два способа встраивания

Через iframe — так делает большинство

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

Нативно — так делаем мы

Тур становится частью вёрстки страницы. Он тянется на нужную ширину, корректно ведёт себя на любом экране и слушает команды сайта. Мы собираем туры в Pano2VR, и именно он даёт такую интеграцию: на странице размещается контейнер тура и подключается плеер.

Что это даёт на практике

• Тур на всю ширину экрана или в заданном блоке — как требует дизайн страницы, а не как позволяет окно
• Управление с сайта. Кнопки под туром открывают конкретные помещения: «зал», «кухня», «терраса»
• Связь с каталогом. Для магазинов и застройщиков: выбор квартиры или товара на странице переключает тур в нужную точку
• Корректная работа на мобильных: управление пальцем, гироскоп, полноэкранный режим
• Быстрая загрузка. Панорамы подгружаются постепенно, тур открывается даже на мобильном интернете
• Ваш брендинг — логотип, цвета и кнопка обратной связи в интерфейсе тура

На каких сайтах это работает

Практически на любых. Нужна лишь возможность вставить блок кода на страницу — это умеет каждая нормальная CMS и каждый конструктор.

• WordPress — через блок «HTML» в редакторе или в шаблон темы. Отдельный плагин не нужен
• OpenCart, Joomla, PrestaShop и другие CMS — в нужный шаблон или страницу
• Конструкторы — через блок для вставки кода; в некоторых возможности ограничены, и тогда мы подбираем оптимальный вариант
• Самописные сайты и фреймворки — согласовываем технические детали напрямую с вашим разработчиком

Если сайт делает другая команда — дайте нам контакт разработчика. Мы договоримся без вас в роли переводчика.

Где физически лежит тур

На вашем домене. Файлы тура лежат на вашем хостинге. Вы ни от кого не зависите: даже если мы когда-нибудь прекратим работу, тур продолжит открываться. Это вариант по умолчанию.

На нашем сервере. Если собственного хостинга нет или он слабый — платное размещение с оплатой раз в год, первый месяц бесплатно. На вашем сайте стоит только блок встраивания (о хостинге туров).

В любом случае по запросу мы передаём вам исходные панорамы. Историй, когда тур исчезает вместе с подрядчиком, у нас не бывает — а разгребать такие случаи за другими нам приходится регулярно.

Куда ставить тур на сайте

Самая распространённая ошибка — отдельная страница «Виртуальный тур» в меню. Туда почти никто не заходит: посетитель не ищет тур, он ищет услугу, номер или товар.

Тур работает там, где принимается решение:

• на главной — первым экраном или сразу под ним
• на странице услуги — именно тот кабинет или зал, о котором идёт речь
• в карточке номера, квартиры или помещения
• рядом с формой бронирования или кнопкой записи
• на странице контактов — чтобы клиент узнал вход и нашёл вас с улицы

Частые вопросы