Как добавить 3D-вьювер на Тильду
Тильда не позволяет добавить 3D-вьювер на сайт через встроенные функции. Но вы можете сделать это, используя Аризо.
Загрузите 3D-модель на Аризо
Для начала загрузите как минимум один объект в свой личный кабинет Аризо (гайд по видам загрузки и их различиям). Теперь вы можете добавить 3D-вьювер этого объекта на свой сайт на Тильде.
Скопируйте код 3D-вьювера
В личном кабинете перейдите в раздел «Мои объекты». Нажмите на нужный объект — откроется страница с информацией о нем и вариантами интеграции.
В разделе «Варианты интеграции» найдите «3D-просмотрщик» и нажмите «Выбрать».
В разделе «Варианты интеграции» найдите «3D-просмотрщик» и нажмите «Выбрать».
Появится окно с кодом 3D-вьювера. Для удобства можно скопировать и сохранить его в любом текстовом редакторе, например в блокноте.
3D-вьювер показывает 3D-модель объекта в одном цвете. Если объект представлен в нескольких цветах, вы можете указать, в каком цвете отобразить его в 3D-вьювере.
За цвет объекта отвечает параметр HID. Его можно найти, пролистав страницу с информацией об объекте до конца. Нажмите на название параметра, чтобы скопировать его значение.
За цвет объекта отвечает параметр HID. Его можно найти, пролистав страницу с информацией об объекте до конца. Нажмите на название параметра, чтобы скопировать его значение.
В коде 3D-вьювера найдите параметр «hid=». Удалите предыдущее значение и замените его на новое.
Вставьте 3D-вьювер на Тильду через «Нулевой блок»
Выберите, в какой части страницы хотите разместить 3D-модель объекта. Нажмите «Добавить блок».
Пролистайте библиотеку блоков до конца и выберите «Нулевой блок». Наведите мышью на блок и нажмите «Редактировать».
Откроется режим редактирования зеро-блока. Удалите элементы по умолчанию: выделите их и нажмите Delete (или Fn + Backspace).
Откроется режим редактирования зеро-блока. Удалите элементы по умолчанию: выделите их и нажмите Delete (или Fn + Backspace).
Нажмите на значок «+» в левом верхнем углу и выберите «HTML».
Появится окно с HTML-кодом. Дважды кликните на окно — откроется страница для вставки кода. Вставьте код 3D-вьювера и нажмите «Закрыть и обновить».
Чтобы 3D-вьювер корректно отображался на всех устройствах, настройте размеры и расположение окна с HTML-кодом.
Когда все будет готово, нажмите «Сохранить», затем — «Закрыть».
- Потяните за рамки блока, чтобы изменить его ширину и высоту.
- Либо откройте меню «Настройки» в правом нижнем углу и задайте значения вручную.
Когда все будет готово, нажмите «Сохранить», затем — «Закрыть».
Чтобы посмотреть 3D-модель, перейдите в режим предпросмотра или опубликуйте страницу. Так 3D-вьювер выглядит на странице: