3D-вьювер
Платформа Аризо предлагает разные способы встроить на сайт 3D- и AR-просмотр объекта. В этой статье опишем один из вариантов интеграции — 3D-вьювер.
Как работает 3D-вьювер
3D-вьювер позволяет пользователям просматривать товар в 3D, который можно крутить и приближать на сайте. При необходимости, через него можно открыть стандартный AR-просмотр.
Кому подойдет этот вариант интеграции
3D-вьювер удобен, если вы:
- Создаете лендинги или каталоги. Просто добавьте 3D-модель объекта, не перегружая сайт сложными элементами.
- Используете сайт-портфолио. Потенциальные клиенты смогут рассмотреть трехмерные модели с разных сторон, не переходя на другие страницы.
- Продаете товары онлайн. Интерактивную 3D-модель легко встроить прямо в карточку товара.
Как добавить на сайт
Скопируйте и вставьте этот код в то место на сайте, где должен появляться просмотрщик:
<iframe style='border:0px; height:100%; width:100%' src='https://viewer.arizo.ru/viewer_simple/example-tinuuid-12345'></iframe>Окно просмотра можно настроить:
- border:0px — размер отступов виджета просмотра от соседних элементов сайта. Рекомендуем указывать в px.
- height:100%; width:100% — настройки высоты и ширины просмотрщика. Рекомендуем высоту указывать в px либо в относительных величинах — em, rem, vh, vw.
- example-tinuuid-12345 — код вашей 3D-модели. Чтобы его получить, в личном кабинете на верхней панели нажмите на «3D модели». В списке моделей справа от каждой из них вы увидите иконку копирования. Нажмите на неё и откроется список, в котором будет ID вашей модели.
Готовый код для вставки может выглядеть вот так:
<iframe style='border:10px; height:40em; width:100%' src='https://viewer.arizo.ru/viewer_simple/K7CCtKS9Qaer7fQW-6IN1Q'></iframe>