Решение 2: Интегрируйте содержимое платформы TraceParts CAD в свой веб-сайт (версия 2)

Интегрируйте технологию TraceParts непосредственно в свой веб-сайт

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

• Интеграция программы просмотра 3D и загрузки CAD на уровне номера детали

Используя следующий код, вы позволяете своим посетителям просматривать и загружать модели CAD.

<script id="tp-pi-inijs" src="https://api.traceparts.com/tp-pi-loader.js" tp-pi-url="https://api.traceparts.com/"></script>
<div id="tp-parts-injector" partnumber="ACME01" els-id="ELSID" style="height: 430px; width: 700px;"></div>

• partnumber: значение номера детали, как он точно хранится в базе данных TraceParts.
• els-id: ID вашего решения EasyLink.
• height: высота рамки. Даже если страница имеет отзывчивый дизайн, оптимальное отображение – 430 пикселей.
• width: ширина рамки. Даже если страница принимает отзывчивый дизайн, оптимизированное отображение составляет 700 пикселей

Ваш менеджер по работе с клиентами TraceParts предоставит вам необходимые технические материалы.

Интегрировав этот HTML-код в свой сайт, вы получите результат, подобный этому.

• Интегрировав этот HTML-код в свой сайт, вы получите результат, подобный этому.

Используя следующий код, вы позволяете своим посетителям настраивать, просматривать и загружать модели САПР

<script id="tp-pi-inijs" src="https://api.traceparts.com/tp-pi-loader.js" tp-pi-url="https://api.traceparts.com/"></script>
<div id="tp-parts-injector" product="TracePartsProductID" els-id="ELSID" data-configurator-type=grid style="height: 430px; width: 1000px;"></div>

• продукт: Идентификатор страницы продукта TraceParts.
  els-id: ID вашего решения EasyLink.

• data-configurator-type: отображение конфигуратора с отображением по умолчанию (значение=”table”) или с выпадающими списками (значение=”grid”).

• data-manual-refresh: при значении=”true” предварительный 3D-просмотр не обновляется автоматически после изменения конфигурации. Доступна кнопка обновления.

• height: высота рамки. Даже если страница имеет отзывчивый дизайн, оптимизированным отображением является 430 пикселей.

• width: ширина рамки. Даже если страница имеет отзывчивый дизайн, оптимизированное отображение составляет 1 000 пикселей.

Ваш менеджер по работе с клиентами TraceParts предоставит вам необходимые технические материалы.

Интегрировав эту строку кода в свой сайт, вы получите результат, подобный этому.