Traceparts

EasyLink Lösung 2: Integrieren Sie den Content der TraceParts CAD-Plattform auf Ihrer Website

Integrieren Sie die TraceParts-Technologie direkt in Ihre Website

Mit dieser zweiten Lösung stellt Ihnen TraceParts einen HTML-Code zur Verfügung, der in Ihre Website integriert werden kann. Der HTML-Code enthält zwei Zeilen, in denen Sie je nach den Informationen, die Sie anzeigen möchten, nur einen Wert ändern müssen. Hier sind einige Beispiele für die Integration von Inhalten über den HTML-Code:

  • Integration von 3D-Viewer und CAD-Download auf Teilenummernebene

Mit dem folgenden Code ermöglichen Sie Ihren Besuchern die Ansicht und den Download von CAD-Modellen.

<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: Wert der Teilenummer, genau so wie sie in der TraceParts-Datenbank gespeichert ist.
  • els-id: ID Ihrer EasyLink-Lösung.
  • data-language: ID der Sprache, um die Sprache der Benutzeroberfläche zu erzwingen.
  • height: Höhe des Rahmens. Selbst wenn die Seite ein reaktionsschnelles Design annimmt, liegt die optimierte Darstellung bei 430 Pixeln.
  • width: Breite des Rahmens. Selbst wenn die Seite ein reaktionsschnelles Design annimmt, liegt die optimierte Darstellung bei 700 Pixeln..

Ihr TraceParts-Kundenbetreuer stellt Ihnen die erforderlichen technischen Inhalte zur Verfügung.

 

Durch die Integration dieses HTML-Codes in Ihre Website erhalten Sie ein Ergebnis welches diesem hier ähnelt.


 

Mit dem folgenden Code ermöglichen Sie Ihren Besuchern die Konfiguration, Ansicht und den Download von CAD-Modellen.

<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>
  • product: ID der TraceParts-Produktseite.
  • els-id: ID Ihrer EasyLink-Lösung.
  • data-language: ID der Sprache, um die Sprache der Benutzeroberfläche zu erzwingen.
  • data-configurator-type: Anzeige des Konfigurators in der Standard-Ansicht (value=“table“) oder mit Drop-down Menüs.
  • data-show-bom-fields: mit value=”true”, wird die Stückliste angezeigt.
  • data-show-rfq: mit value=”true”, Es wird das Formular „Angebotsanfrage“ angezeigt, wenn die Option im Katalog verfügbar ist.
  • data-show-slides: Anzeigen der Folien mit dem 3D-Viewer, dem Produktbild, den Maßzeichnungen oder dem elektronischen Fußabdruck und dem Symbol. Die Anzeige hängt von der Verfügbarkeit der Informationen ab. Jede anzuzeigende Folie wird in einer Zeichenfolge mit einem Komma als Trennzeichen aufgelistet (d. H .: 3Dviewer,DimensionalDrawings).
  • data-manual-refresh: mit value=”true” wird die 3D-Voransicht nicht automatisch nach einer Änderung der Konfiguration aktualisiert. Eine Aktualisierungs-Schaltfläche steht hierfür zur Verfügung.
  • height: Höhe des Rahmens. Selbst wenn die Seite ein reaktionsschnelles Design annimmt, liegt die optimierte Darstellung bei 430 Pixeln.
  • width: Breite des Rahmens. Selbst wenn die Seite ein reaktionsschnelles Design annimmt, liegt die optimierte Darstellung bei 1.000 Pixeln.

Ihr TraceParts-Kundenbetreuer stellt Ihnen die erforderlichen technischen Inhalte zur Verfügung.

 


 Durch die Integration dieser Codezeile in Ihre Website erhalten Sie ein Ergebnis welches diesem hier ähnelt.