AR в один клик
Платформа Аризо предлагает разные способы встроить на сайт 3D- и AR-просмотр объекта. В этой статье расскажем об одном из вариантов интеграции — AR в один клик.
Что такое AR в один клик
AR в один клик — это прямая ссылка на виртуальную примерку объекта.
В отличие от других вариантов интеграции, AR в один клик открывает режим дополненной реальности сразу, без промежуточных окон.
Это позволяет клиенту быстро примерить выбранный объект.
Интеграция доступна только для премиум-объектов.
В отличие от других вариантов интеграции, AR в один клик открывает режим дополненной реальности сразу, без промежуточных окон.
Это позволяет клиенту быстро примерить выбранный объект.
Интеграция доступна только для премиум-объектов.
Как работает AR в один клик
Ссылку на AR в один клик можно установить на любой элемент на сайте: например, на кнопку, изображение или иконку.
При открытии ссылки поведение зависит от устройства.
Если пользователь открывает ссылку с мобильного устройства, AR-примерка объекта запускается сразу.
Если пользователь открывает ссылку с мобильного устройства, AR-примерка объекта запускается сразу.
Если пользователь переходит по ссылке с десктоп-устройства, например ноутбука, его просят отсканировать QR-код с помощью мобильного устройства. После сразу запускается AR-примерка объекта.
Нажмите на кнопку, чтобы посмотреть пример интеграции:
Кому подойдет AR в один клик
Этот вариант интеграции удобен, если вы:
- Используете сайт как основную площадку продаж. AR-просмотр запускается в один клик, без перехода на сторонние страницы.
- Продаете мебель, декор или технику. Кнопку, открывающую AR-просмотр, можно добавить в карточку товара, чтобы покупатель мог сразу примерить его в интерьере.
- Создаете лендинги, каталоги и сайты-портфолио. Просто добавьте кнопку «Примерить в интерьере», не перегружая сайт сложными элементами.
Как добавить на сайт
1. На вашем сайте перед тегом </header> или внутри <head> добавьте этот скрипт:
<script type="module" src="https://viewer.vizbl.com/native_button/script.js" async defer></script>
<script>
window.onload = function() {
window.vizbl.initNativeButton('vizbl_native_button')
}
</script>2. Добавьте ссылку или кнопку на страницу, по нажатию на которую будет открываться AR-примерка:
<a
rel="ar"
href="#"
class="vizbl_native_button"
data-object-tinuuid="example-tinuuid-12345"
data-object-hid="example-hid-67890"
>
<img style="display: none" />
</a>example-tinuuid-12345 — код вашей модели. Чтобы его получить, в списке объектов у любой из них нажмите на кнопку копирования. В появившемся списке нажмите на ту же иконку напротив ID вашего объекта.
example-hid-67890 — цвет объекта. Указывать HID не обязательно — можно оставить его пустым или удалить из строки на сайте.
Чтобы получить HID, в том же выпадающем списке вместо Object ID выберите Variant ID.
example-hid-67890 — цвет объекта. Указывать HID не обязательно — можно оставить его пустым или удалить из строки на сайте.
Чтобы получить HID, в том же выпадающем списке вместо Object ID выберите Variant ID.
Настроенный элемент может выглядеть так:
<a rel="ar" href="#" class="vizbl_native_button" data-object-tinuuid="K7CCtKS9Qaer7fQW-6IN1Q" data-object-hid=" ">
<img style="display: none" />
</a>