Traceparts

Solución 2: integrar en su sitio web el contenido de la plataforma CAD de TraceParts

Integre la tecnología de TraceParts directamente en su sitio web

Con esta segunda solución, TraceParts le proporciona un código HTML para integrarlo en su sitio web. El código HTML contiene dos líneas en las que solo es necesario modificar un valor en función de la información que se desee visualizar. He aquí unos ejemplos de integración de contenido mediante un código HTML.

  • Integre el visualizador 3D y la descarga CAD a nivel de un número de referencia

Mediante el código siguiente, permitirá que sus visitantes vean y descarguen modelos 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: valor del número de referencia tal y como está almacenado exactamente en la base de datos de TraceParts.
  • els-id: ID de su EasyLink Solution.
  • height: altura de la estructura. Aunque la página adopte un diseño adaptativo, la resolución optimizada es 430 píxeles.
  • width: anchura de la estructura. Aunque la página adopte un diseño adaptativo, la resolución optimizada es 700 píxeles.

Su administrador de cuentas de TraceParts le facilitará el contenido técnico necesario.

 

Al integrar este código HTML en su sitio web, obtendrá un resultado similar a este.


 

Mediante el código siguiente, permitirá que sus visitantes configuren, vean y descarguen modelos 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 de la página de producto TraceParts.
  • els-id: ID de su EasyLink Solution.
  • data-configurator-type: mostrar el configurador con la visualización por defecto (valor=”tabla”) o con listas desplegables (valor=”cuadrícula”).
  • data-show-bom-fields: configurado en “true”, muestra la lista de materiales.
  • data-show-rfq: configurado en “true”, muestra el formulario “Solicitud de presupuesto”, cuando la opción está disponible en el catálogo.
  • data-show-slides: para mostrar las diapositivas que contienen el visualizador 3D, la imagen del producto, los dibujos dimensionales o la huella electrónica y el símbolo. La pantalla está relacionada con la disponibilidad de la información. Cada diapositiva para mostrar se enumera en una cadena con una coma como separador (es decir, 3Dviewer,DimensionalDrawings).
  • data-manual-refresh: con value=”true”, la vista previa 3D no se actualiza automáticamente después de un cambio en la configuración. Un botón de actualización está disponible.
  • height: altura de la estructura. Aunque la página adopte un diseño adaptativo, la resolución optimizada es 430 píxeles.
  • width: anchura de la estructura. Incluso si la página adopta un diseño sensible, la pantalla optimizada es de 1.000 píxeles.

Su administrador de cuentas de TraceParts le facilitará el contenido técnico necesario.

 


 Al integrar esta línea de código en su sitio web, obtendrá un resultado similar a este.