AutoTrack.nl Handleiding Implementatie Voorraadlijst
Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft ontvangen, te implementeren in een iframe. Uw webbouwer kent de mogelijkheden van deze techniek en kan de URL implementeren. De nieuwe AutoTrack.nl Voorraadlijst URL s zien er zo uit: Occasions: http://vl.autotrack.nl/[uw-id]/o Direct leverbare nieuwe auto s: http://vl.autotrack.nl/[uw-id]/d Uitgebreid zoeken Occasions: http://vl.autotrack.nl/[uw-id]/o/uitgebreidzoeken Uitgebreid zoeken Direct leverbaar: http://vl.autotrack.nl/[uw-id]/d/uitgebreidzoeken U krijgt nu automatisch de juiste Voorraadlijst; met of zonder zoekmogelijkheid boven uw resultaatlijst. De keuzes voor de juiste voorraadlijst stelt AutoTrack.nl voor u in. In de code van de website moet de volgende code geïmplementeerd worden: <script type="text/javascript" src="http://www.autotrack.nl/static/resources/js/voorraadlijst/at_config.js"> </script> <iframe id="iframe_at_vl" onload="at_vl_onloadhandler()" src="http://vl.autotrack.nl/1592/o" width="750" frameborder="0" scrolling="auto" height="2000"></iframe> Enkele aanwijzingen bij deze code:» De URL in bovenstaande code in het HTML attribuut src="http://vl.autotrack.nl/1592/o" moet vervangen worden door de nieuwe URL die u van AutoTrack.nl heeft ontvangen.» Het iframe waar u de Voorraadlijst gaat implementeren moet minimaal 640 breed zijn. (In bovenstaande code is 750 breedte gekozen.) 2
Instellen van de nieuwe URL voor bestaande klanten In de code van uw website is op dit moment een stukje code te vinden dat lijkt op de code in het voorbeeld hieronder. Voorbeeld: <iframe id="blockrandom" class="wrapper" height="1200" scrolling="no" width="100%" src="http://www.autotrack.nl/owa_dima/owa/att_occsearch.listfordealer_ext?p_spr_id=335359356&p_css= http://www.autokokkelink.nl/css/style_vrdurl_standaard.css&o_id=8293519&p_code=endg37v" name="iframe"> </iframe> Deze gehele code moet verwijderd worden en daarvoor in de plaats kunt u de hierboven beschreven implementatie volgen. 3
Extra mogelijkheden 1) Aanpassen van de opmaak van uw Voorraadlijst Uw webbouwer kan door het aanpassen van de zogenaamde CSS-stylesheet de standaard vormgeving veranderen zodat de voorraadlijst beter past binnen uw website. Zo kunnen bijvoorbeeld lettertypen, tekst- en achtergrondkleur aangepast worden. U of uw webbouwer dient ons eenmalig de locatie aan te leveren waar u uw eigen CSS-stylesheet gaat hosten (we ontvangen dus graag de URL waar het bestand geplaatst is op uw server). Het standaard CSS-bestand waar de wijzigingen in moeten worden verwerkt kunt u downloaden van http://vl.autotrack.nl/css/suppliers/overwrite.css. Er is een pdf met informatie over de css beschikbaar. Download deze van http://www.autotrack.nl/docs/att-vl-css.pdf. 2) Opties Voorraadlijst AutoTrack.nl biedt enkele opties om een Voorraadlijst zoveel als mogelijk naar uw wens in te richten. Uw keuze voor onderstaande opties kunt u doorgeven middels het formulier dat u kunt vinden op het eerste tabblad van onze Voorraadlijst webpagina: http://www.autotrack.nl/voorraadlijst. Opties bij elke voorraadlijst: A) Keuzeoptie voor de consument om 15/50/100 resultaten te tonen Deze mogelijkheid is alleen geschikt voor klanten die meer dan 740px breedte ter beschikking hebben. B) Foto s laten openen in een nieuw venster of in het iframe De grote foto s openen standaard in een nieuw venster. Het is ook mogelijk om de foto s in hetzelfde scherm te laten openen. U kunt deze keuze alleen maken wanneer u minmaal 1024px breedte beschikbaar heeft voor de Voorraadlijst. Bij een kleinere breedte zullen grotere foto s (mogelijk) niet correct weergegeven worden. C) Contactinformatie op de auto detailpagina Standaard tonen we op uw Voorraadlijst slechts compacte contactinformatie. De gebruiker is immers al op uw website en weet u te vinden of kan op uw website contactinformatie vinden. Het is meestal niet nodig om bij elke auto de meest uitgebreide contactinformatie te tonen. U heeft echter wel de optie om uitgebreide contactinformatie bij elke auto. 4
Opties Voorraadlijst met zoekfunctie: D) Uitgebreid zoeken pagina (voorafgaand aan de resultaatlijst) Als u een grote voorraad heeft kunt u gebruik maken van de meest uitgebreide zoekvorm; een pagina die geheel bestaat uit een zoekmodule. Vergelijkbaar met de Uitgebreid zoeken pagina op http://www.autotrack.nl/tweedehands/zoeken. Het resultaat van de zoekopdracht komt op een volgende pagina. U kunt er verder voor kiezen of u wel/geen link terug naar Uitgebreid zoeken pagina in uw resultaatlijst wilt tonen. E) Zoekopties bij Uitgebreid zoeken Standaard staan bij uitgebreid zoeken alle opties aan. U kunt via het bestand overwrite.css bepalen welke blokken u toont. Voorbeeld: #group-techniek {display: none;} Wanneer u de waarde none opgeeft bij de eigenschap display wordt het desbetreffende onderdeel niet getoond op de pagina met het uitgebreid zoeken formulier. Het onderdeel techniek in het voorbeeld hierboven is in dit geval niet zichtbaar. Om het onderdeel techniek zichtbaar te maken geeft u de waarde block aan de eigenschap display #group-techniek {display: block;} F) Verkort zoeken box AutoTrack.nl biedt u de mogelijkheid om een kleine zoekbox te plaatsen op uw website en de resultaten van de zoekopdracht te tonen op een andere plek op dezelfde pagina. Zo kan uw consument bijvoorbeeld direct vanaf uw homepage zoeken in uw aanbod. Het is ook mogelijk om een link naar een Uitgebreid zoeken pagina te tonen in deze Verkort zoeken box. Om verkort zoeken te kunnen gebruiken dient uw webbouwer een regel code te implementeren welke een javascript module aanroept én dient een locatie aangewezen te worden waar de resultaatlijst in een iframe komt te draaien. <iframe frameborder="0" width="640" height="600" name="autotrackresultlist" id="autotrackresultlist"></iframe><script id="autotrackscript" src="http://vl.autotrack.nl/scripts/at/minisearch.js?consumer_id=[uw-id] &car_type=o"></script> Let er op dat [UW-ID] nog vervangen moet worden met het Voorraadlijst ID dat u heeft ontvangen en dat het src adres geen spaties bevat. Voorbeeld: verkort zoeken box 5
F) Verkort zoeken box (vervolg) Het script element is direct gekoppeld aan de locatie waar het formulier geplaatst wordt op de site. Dit zal altijd NA het script element geplaatst worden. Het iframe element mag op elke geldige locatie binnen een HTML document geplaatst worden en daar zal de content in getoond worden mits de naam en id van het iframe intact blijven. Hulp nodig bij de implementatie van de Voorraadlijst op uw website? U vind een lijst met veelgestelde vragen op de webpagina voor voorraadlijsten: http://www.autotrack.nl/voorraadlijst/veel-gestelde-vragen. Wilt u contact opnemen met ons Customer Care Center, dan kan dat telefonisch via 020-204 27 20 of per email via voorraadlijst@autotrack.nl. 6
Colofon AutoTrack.nl is onderdeel van de Persgroep Automotive B.V. Alle informatie in deze handleiding is onder voorbehoud van druk- en zetfouten. 2013 AutoTrack.nl AutoTrack.nl Postbus 37040 1030 AA Amsterdam T: 020-204 27 20 F: 020-204 27 47 E: info@autotrack.nl