Oplossing 2: integreer de inhoud van het TraceParts CAD-platform in uw website
De TraceParts-technologie rechtstreeks in uw website integreren
Bij deze tweede oplossing ontvangt u van TraceParts een HTML-code die u in uw website integreert. De HTML-code bestaat uit twee regels waarin u slechts één waarde hoeft te wijzigen, afhankelijk van de informatie die u wilt weergeven. Wat volgt zijn een paar voorbeelden van contentintegratie met behulp van de HTML-code:
-
De 3D-viewer en CAD-download integreren op onderdeelnummerniveau
Als u de volgende code gebruikt, kunnen uw bezoekers CAD-modellen bekijken en downloaden.
<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: waarde van het exacte onderdeelnummer zoals dat is opgeslagen in de TraceParts-database.
- els-id: ID van uw EasyLink-oplossing.
- data-language: ID van de taal om de taal van de gebruikersinterface te forceren.
- height: hoogte van het kader. Ook voor pagina’s met een responsief design is de weergave optimaal met 430 pixels.
- width: breedte van het kader. Ook voor pagina’s met een responsief design is de weergave optimaal met 700 pixels.
Uw TraceParts-accountmanager verstrekt u de benodigde technische content.
Het resultaat van integratie van deze HTML-code in uw website komt overeen met wat hier wordt weergegeven. |
Als u de volgende code gebruikt, kunnen uw bezoekers CAD-modellen configureren, bekijken en downloaden
<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 van de TraceParts-productpagina.
- els-id: ID van uw EasyLink-oplossing.
- data-language: ID van de taal om de taal van de gebruikersinterface te forceren.
- data-configurator-type: weergave van de configurator met de standaardweergave (waarde=”tabel”) of met droplists (waarde=”raster”).
- data-show-bom-fields: met value=”true”, het toont de stuklijst.
- data-show-rfq: met value=”true”, het toont het formulier “Offerte aanvragen”, wanneer de optie beschikbaar is in de catalogus.
- data-show-slides: om de dia’s met de 3D-viewer, de productfoto, de maattekening (en) of de elektronische voetafdruk en het symbool weer te geven. Het display is gerelateerd aan de beschikbaarheid van de informatie. Elke weer te geven dia wordt weergegeven in een string met een komma als scheidingsteken (d.w.z .: 3Dviewer,DimensionalDrawings).
- data-manual-refresh: met value=”true” wordt de 3D preview niet automatisch ververst na een wijziging in de configuratie. Er is een verversingsknop beschikbaar.
- height: hoogte van het kader. Ook voor pagina’s met een responsief design is de weergave optimaal met 430 pixels.
- width: breedte van het kader. Ook voor pagina’s met een responsief design is de weergave optimaal met 1000 pixels.
Uw TraceParts-accountmanager verstrekt u de benodigde technische content.
Het resultaat van integratie van deze regel code in uw website komt overeen met wat hier wordt weergegeven. |