webleads-tracker

EasyLink® Level 2: Integrate the content of the TraceParts CAD platform into your website


Integrate the TraceParts technology directly into your website

With this second solution, TraceParts provides you with an HTML code to integrate in your website. The HTML code contains two lines where you only need to change a value depending on the information you want to display. Here are some examples of content integration using the HTML code:

  • Integrate the 3D viewer and CAD download at a part number level

By using the following code, you enable your visitors to view and to download CAD models.

<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: value of the part number as it is exactly stored in the TraceParts database.
  • els-id: ID of your EasyLink Solution.
  • data-language: ID of the language to force the language of the user interface.
  • height: height of the frame. Even if the page adopts a responsive design, the optimized display is with 430 pixels.
  • width: width of the frame. Even if the page adopts a responsive design, the optimized display is with 700 pixels.

Your TraceParts account manager will provide you with the technical content needed.

 

By integrating this HTML code into your website you will obtain a result similar to this one.


 

By using the following code, you enable your visitors to configure, view and download CAD models

<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 of the TraceParts product page.
  • els-id: ID of your EasyLink Solution.
  • data-language: ID of the language to force the language of the user interface.
  • data-configurator-type: display the configurator with the default display (value=”table”) or with drop lists (value=”grid”).
  • data-manual-refresh: with value=”true”, the 3D preview is not automatically refreshed after a change in the configuration. A refresh button is available.
  • height: height of the frame. Even if the page adopts a responsive design, the optimized display is with 430 pixels.
  • width: width of the frame. Even if the page adopts a responsive design, the optimized display is with 1,000 pixels.

Your TraceParts account manager will provide you with the technical content needed.

 


By integrating this line of code into your website you will obtain a result similar to this one.

 


Publishing 3D Catalogs

Component manufacturers and distributors get qualified leads and increase sales with TraceParts. It's easy and cost effective!
Ask for a demo
A world of possibilities for your 3D CAD models
Discover our 3D product marketing solutions and use your product data to generate sales.Download TraceParts 3D Product Marketing Guide
TraceParts Smart-Publishing
Create and publish your catalog by yourself, free of charge. Ask for your access
The perfect audience for your products
Download detailed statistical reports about TraceParts users and find out who downloads what by product line, country, industry, and much more. Learn more about designers who download 3D products
Interactions between Designers and Component Suppliers
This “e-Book” provides exclusive statistics about how design professionals approach their work and projects, including their expectations and working habits.
Download the e-Book
Stay connected