Traceparts

Решение 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 предоставит вам необходимые технические материалы.


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