Traceparts

EasyLink Solução 2: integrar o conteúdo da plataforma CAD da TraceParts no seu site

Integre a tecnologia TraceParts diretamente no seu site

Com esta segunda solução, a TraceParts fornece um código HTML para integrar em seu site. O código HTML contém duas linhas em que só é preciso alterar um valor dependendo das informações que você deseja exibir. Eis alguns exemplos de integração de conteúdo usando o código HTML:

  • Integre o visualizador 3D e o download de CAD no nível de um número de peça

Usando o código a seguir, você permite que os visitantes vejam e baixem 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 do número de peça exatamente como está armazenado no banco de dados da TraceParts.
  • els-id: ID de sua EasyLink Solution.
  • data-language: ID do idioma para forçar o idioma da interface do usuário.
  • height: altura do quadro. Mesmo se a página adotar um desenho responsivo, a exibição otimizada é com 430 pixels.
  • width: largura do quadro. Mesmo se a página adotar um desenho responsivo, a exibição otimizada é com 700 pixels.

Seu gerente da conta TraceParts fornecerá o conteúdo técnico necessário.

 

Ao integrar esse código HTML no site, você obterá um resultado semelhante a este.


 

Usando o código a seguir, você permite que os visitantes configurem, vejam e baixem 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 da página de produtos da TraceParts.
  • els-id: ID de sua EasyLink Solution.
  • data-language: ID do idioma para forçar o idioma da interface do usuário.
  • data-configurator-type: exibir o configurador com a exibição padrão (valor=”tabela”) ou com listas suspensas (valor=”grade”).
  • data-show-bom-fields: com value=”true”, exibe a lista de materiais.
  • data-show-rfq: com value=”true”, ele exibe o formulário “Solicitação de cotação”, quando a opção está disponível no catálogo.
  • data-show-slides: para exibir os slides que contêm o visualizador em 3D, a imagem do produto, os desenhos dimensionais ou a pegada eletrônica e o símbolo. A exibição está relacionada à disponibilidade das informações. Cada slide a ser exibido é listado em uma sequência de caracteres com uma vírgula como separador (ou seja: 3Dviewer,DimensionalDrawings).
  • data-manual-refresh: com value=”true”, a visualização 3D não é atualizada automaticamente após uma alteração na configuração. Um botão de atualização está disponível.
  • height: altura do quadro. Mesmo se a página adotar um desenho responsivo, a exibição otimizada é com 430 pixels.
  • width: largura do quadro. Mesmo se a página adotar um desenho responsivo, a exibição otimizada é com 1000 pixels.

Seu gerente da conta TraceParts fornecerá o conteúdo técnico necessário.

 


 Ao integrar essa linha de código no site, você obterá um resultado semelhante a este.