Technische werking whitelabel reviewmodule
Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de integratie van deze module en het aanpassen hiervan naar je eigen look & feel. Integratie whitelabel productreviewmodule Om de whitelabel productreviewmodule te integreren op jouw website, heb je een iFrame nodig met als bron: https://www.kieskeurig.nl/wl/productreview/[EAN-code]/[token]?email=[emailadres]&gender=[geslacht] Voorbeeld: <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src="https://www.kieskeurig.nl/wl/productreview/8712581582753/....token....?email=j.jans
[email protected]&gender=m"> Uitleg van de parameters: [EAN-code] = De EAN-code is een unieke combinatie van cijfers (en soms letters) waarmee o.a. producten en productie-eenheden zich identificeren. Vervang deze parameter voor de EAN-code van het betreffende product. [token] = Bij het aanmelden voor het gebruik van de whitelabel product- en/of winkelreviewmodule wordt dit security-token verstrekt door Kieskeurig.nl. Mocht deze onbekend zijn, neem contact op met onze spider-afdeling (
[email protected]). [e-mailadres] = Als het e-mailadres van de consument bekend is, dan kan dit op deze positie meegegeven worden. Is het e-mailadres niet bekend, laat dan deze parameter weglaten. De URL uit het voorbeeld komt er dan als volgt uit te zien: <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src="https://www.kieskeurig.nl/wl/productreview/8712581582753/....token....&gender=m" >
Technische werking whitelabel reviewmodule
[gender] = Als het geslacht van de consument bekend is, dan kan dit op deze positie meegegeven worden als “m” of “v”. Is het niet bekend, laat dan deze parameter weg. <iframe width="850" height="600" frameborder="0" marginheight="0" marginwidth="0" src="https://www.kieskeurig.nl/wl/productreview/8712581582753/....token....?email=j.jans
[email protected]"> Aanpassen look & feel whitelabel productreviewformulier Voor diverse onderdelen van het whitelabel productreviewformulier kunnen de fonts, fontgrootte en kleuren aangepast worden. Dit gaat met behulp van een CSS (Cascading Style Sheet). In onderstaande schermafbeeldingen wordt met een code duidelijk welke onderdelen er aangepast kunnen worden (CSS1 staat bijvoorbeeld voor de koptekst). Op de volgende pagina vind je de schermafbeeldingen.
Technische werking whitelabel reviewmodule
Voorbeeld White Label: /* whitelabel_default.css Styling for the whitelabel forms which can be customised */ .hr-wl.css11{ height: 1px; margin: 0 0 1em 0; overflow: hidden; } h1#kieskeurig_gebruikersnaam_vergeten.css1{ margin-bottom: 0; } .css1 { color: #B00; font-size: 15px; font-family: Tahoma, Verdana, Arial, Sans-Serif; } .css2 { font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #000; } .css3 { font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #000; } .css4 { font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #000;
Technische werking whitelabel reviewmodule
} .css5 { background-color: #E6E6E5; font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #000; } /* Rules hyperlinks */ .css5 a, .css5 a:link, .css5 a:visited { color: #00367A; } .css6 { background-color: #C2DCFC; color: #00367A; } .css7.even th, .css7.even td { background-color: #EEF6FF; } .licss7 { border-left: 1px solid #00367A; } .licss7.active { background-color: #00367A; } .ulcss7 { border: 1px solid #00367A; }
Technische werking whitelabel reviewmodule
.css8 { background-color: #C2DCFC; color: #00367A; } .css9 { background-color: #C2DCFC; color: #00367A; } .css11 { background-color: #C2DCFC; }
Technische werking whitelabel reviewmodule
Technische werking whitelabel reviewmodule
Technische werking whitelabel reviewmodule
Aanpassen Style Sheet Wil je de Style Sheet aanpassen naar de look & feel van de website? Neem dan contact op met onze spider-afdeling:
[email protected]. Vragen? Heb je vragen? Mail dan naar onze Spider-afdeling:
[email protected].