Санкт-Петербург

Как разместить виртуальный 3D тур на сайте? Легко!

Профессиональные услуги интерьерной и 3D фотосъемки высшего качества

Как разместить виртуальный 3D тур на сайте? Легко!

Как разместить виртуальный 3D тур на сайте

Мы рассмотрим пять вариантов размещения виртуального 3D тура на Вашем сайте. Самое первое, не зависимо от варианта, Вам необходимо разместить файлы тура на хостинге, где находится Ваш сайт.

Если у Вас нет сайта, но Вы хотите иметь виртуальный 3D-тур и демонстрировать его своим родственникам, друзьям или потенциальным клиентам, то мы можем предоставить свой хостинг для 3D тура. Подробности на сайте www.all3dtours.ru

Все наши сайты размещены на хостинге SpaceWeb. Хостинг SpaceWeb – это надёжно, удобно и выгодно! Промокод для регистрации: HUWIRUER

Итак, начнём. Файлы 3D тура по технологии HTML5 состоят из запускающего html-файла и папки с файлами. Для удобства и быстроты закачки на хостинг, рекомендуем папку с файлами заархивировать, и уже в архиве переносить в корневую папку сайта на хостинге. После чего архив необходимо разархивировать.

В какую папку сайта вы разместите, решать Вам. Мы рекомендуем разместить файлы в папке public_html. Так у Вас получится самая короткая ссылка на 3D тур (для удобства отправки ссылки на тур). Папку с файлами и запускающий html-файл необходимо размещать в одной папке.

secure-hosting-240x400

blog - failoviy-maneger-1.jpg

Рис. 1

Мы размещаем на втором уровне корневого каталога, в результате получается вот такая ссылка:

https://fotoshans.com/3d-tour/3d-tour-hottel-luxe.html

! Внимание: Запускающий файл html, при необходимости, можно переименовать. Папку с файлами и файлы внутри папки переименовывать ЗАПРЕЩЕНО. Так же нельзя удалять папки и файлы внутри тура.

А теперь рассмотрим варианты размещения 3D тура на странице сайта.

Вариант № 1

На странице сайта размещаем статичную картинку. Это может быть красивый вид с данного тура. Мы используем подготовленную картинку.

blog - icon-243-1.jpg

Далее, привязываем к ней гиперссылку на запускающий файл-html. После клика на данную картинку, в окне откроется Ваш 3D тур.

! Рекомендуем на картинку наложить кнопку «Play» или надпись «3D тур» для подсказки посетителям сайта, что картинка кликабельна.

Вариант № 2

Привязать гиперссылку 3D тура на отдельную кнопку. Кнопка может быть в виде картинки или кода html. Если для вашего движка сайта имеется плагин, то тоже будет отличным решением.

blog - knopka-1.png

Вариант № 3

Привязать гиперссылку 3D тура на текст. Вариант менее привлекательный, чем предыдущие, но тоже имеет место на реализацию.

Виртуальный 3D тур

Вариант № 4

Существует специальный код, который подходит для любого сайта. Iframe — встроенный фрейм в стандарте html5.

<iframe src=”https://fotoshans.com/3d-tour/3d-tour-hottel-luxe.html” id=”tour_frame” width=”1140″ height=”750″ border=”0″ frameborder=”0″ allowfullscreen=””></iframe>

Код вставляется непосредственно на страницу сайта. Ширину и высоту устанавливаете в коде по своему усмотрению. В данном коде указана высота 750 пикселей и ширина 1140 пикселей. Ссылку внутри кавычек заменяете на свою.

Вариант № 5

Если у Вас сайт на WordPress, то воспользуйтесь бесплатным плагином PanoPress

Спасибо за внимание. Надеемся, что наша информация Вам помогла.

Приятных путешествий по виртуальным 3D турам!

 

fast-support-240х400

 


 

 

Tags: , ,