Traceparts

EasyLink Soluzione 2: integrazione dei contenuti della piattaforma CAD di TraceParts sul tuo sito Web

Integra la tecnologia TraceParts direttamente nel tuo sito

Con questa seconda soluzione, TraceParts ti fornisce un codice HTML da integrare nel tuo sito Web. Il codice HTML contiene due righe in cui dovrai cambiare soltanto un valore in base alle informazioni che desideri visualizzare. Ecco alcuni esempi di integrazione di contenuti mediante il codice HTML:

  • Integrazione del visualizzatore 3D e del download CAD a livello del numero di parte

Se utilizzi il seguente codice, i tuoi utenti potranno visualizzare e scaricare i modelli 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: valore del numero di parte così come esattamente memorizzato nel database di TraceParts.
  • els-id: ID della tua soluzione EasyLink.
  • data-language: ID della lingua per forzare la lingua dell’interfaccia utente.
  • height: altezza della cornice. Anche se la pagina adotta un design reattivo, la visualizzazione ottimizzata si ottiene con 430 pixel.
  • width: larghezza della cornice. Anche se la pagina adotta un design reattivo, la visualizzazione ottimizzata si ottiene con 700 pixel.

L’account manager di TraceParts ti fornirà il contenuto tecnico necessario.

 

Integrando questo codice HTML nel tuo sito Web, otterrai un risultato simile a questo.


 

 

Se utilizzi il seguente codice, i tuoi utenti potranno configurare, visualizzare e scaricare i modelli 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" product="TracePartsProductID" els-id="ELSID" data-configurator-type="grid" style="height: 430px; width: 1000px;"></div>
  • product: ID della pagina prodotto di TraceParts.
  • els-id: ID della tua soluzione EasyLink.
  • data-language: ID della lingua per forzare la lingua dell’interfaccia utente.
  • data-configurator-type: altezza della cornice. Anche se la pagina adotta un design reattivo.
  • data-show-bom-fields: impostato su “true”, visualizza la distinta materiali.
  • data-show-rfq: impostato su “true”, visualizza il modulo “Richiedi un preventivo”, quando l’opzione è disponibile sul catalogo.
  • data-show-slides: per visualizzare le diapositive contenenti il visualizzatore 3D, l’immagine del prodotto, i disegni dimensionali o l’impronta elettronica e il simbolo. Il display è correlato alla disponibilità delle informazioni. Ogni diapositiva da visualizzare è elencata in una stringa con una virgola come separatore (ovvero: 3Dviewer,DimensionalDrawings).
  • data-manual-refresh: con value = “true”, l’anteprima 3D non viene aggiornata automaticamente dopo una modifica della configurazione. È disponibile un pulsante di aggiornamento.
  • height: altezza della cornice. Anche se la pagina adotta un design reattivo, la visualizzazione ottimizzata si ottiene con 430 pixel.
  • width: larghezza della cornice. Anche se la pagina adotta un design reattivo, la visualizzazione ottimizzata si ottiene con 1000 pixel.

L’account manager di TraceParts ti fornirà il contenuto tecnico necessario.

 


 Integrando questa riga di codice nel tuo sito, otterrai un risultato simile a questo.