In eTrusted heb je de beschikking over enkele fraai vormgegeven widgets, die je kunt gebruiken om je klanten je shopbeoordelingen te tonen en ze zo te overtuigen van de kwaliteit van je onderneming. Naast deze widgets bieden we nog een ander middel om je webshop te presenteren, met hetzelfde doel: de Shop Review Sticker.
In tegenstelling tot de widgets wordt de Shop Review Sticker niet meer doorontwikkeld; deze zal op middellange tot lange termijn geheel worden vervangen door de widgets. Tot het zover is, kun je de Shop Review Sticker echter nog zonder enig bezwaar gebruiken.
Stap 1: de Shop Review Sticker configureren
Een aanwijzing vooraf: met sommige plug-ins die Trusted Shops aanbiedt, kan de Shop Review Sticker enorm gemakkelijk en snel worden ingebouwd. Controleer daarom eerst hier of er een plug-in voor jouw shopsysteem is, en of deze de integratie van de Shop Review Sticker ondersteunt: Hoe begin ik met de Trustbadge®-integratie?
Natuurlijk kun je de Shop Review Sticker ook handmatig in je shopsysteem inbouwen. De volgende JavaScript-code vormt daarvoor de basis:
<div id="reviewsticker"></div>
<script type="text/javascript">
_tsRatingConfig = {
tsid: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
variant: 'testimonial',
reviews: '5',
betterThan: '3.5',
backgroundColor: '#ffdcof',
fontColor: '#000000',
linkColor: '#000000',
fontFamily: 'Arial',
quotationMarkColor: '#ffffff',
reviewMinLength: '10',
element: '#reviewsticker',
locale: 'nl_NL'
};
var scripts = document.getElementsByTagName('SCRIPT'),
me = scripts[scripts.length - 1];
var _ts = document.createElement('SCRIPT');
_ts.type = 'text/javascript';
_ts.async = true;
_ts.charset = 'utf-8';
_ts.src ='//widgets.trustedshops.com/reviews/tsSticker/tsSticker.js';
me.parentNode.insertBefore(_ts, me);
_tsRatingConfig.script = _ts;
</script>
Binnen deze code moeten enkele aanpassingen worden gedaan, die we hieronder toelichten. Daarbij bespreken we de parameters van de code één voor één en leggen we uit welke functies deze hebben.
- tsid: met deze parameter wordt de Shop Review Sticker gekoppeld aan je beoordelingsprofiel, zodat de juiste shopbeoordelingen worden getoond in de Sticker. Voer daartoe je Trusted Shops ID in in deze parameter.
- variant: deze parameter is vast en mag niet worden veranderd.
- reviews: met behulp van deze parameter kun je bepalen hoeveel shopbeoordelingen in de Sticker rouleren. Standaard is deze waarde ingesteld op vijf beoordelingen, dit is tevens het maximale aantal. Je kunt het aantal roulerende beoordelingen natuurlijk ook naar beneden bijstellen.
Daarnaast heb je nog een paar optionele configuratiemogelijkheden.
- betterThan: hiermee kun je definiëren welke score de boordelingen in de Shop Review Sticker minimaal moeten hebben. Standaard is dit ingesteld op drieënhalf sterren. Je kunt natuurlijk ook een andere waarde invoeren om de minimale beoordelingsscore aan te passen aan jouw behoeften.
- backgroundColor: met deze parameter bepaal je de achtergrondkleur van de Shop Review Sticker. Standaard is deze geel. Wil je de achtergrondkleur veranderen, voer dan de hexadecimale waarde van de gewenste kleur in als waarde.
- fontColor: deze parameter bepaalt de kleur van de letters. Standaard zijn deze zwart, maar ook deze kleur kun je veranderen door de gewenste hexadecimale waarde in te voeren.
- linkColor: hiermee kun je definiëren in welke kleur de link naar je shopprofiel langs de onderrand van de Sticker moet worden weergegeven. Ook hier wordt de kleur bepaald met een hexadecimale waarde. Standaard is zwart ingesteld.
- fontFamily: met deze parameter kun je het lettertype kiezen dat in de Shop Review Sticker moet worden gebruikt. Standaard is Arial ingesteld. Mogelijke andere opties zijn Geneva, Georgia, Helvetica, Sans-serif, Serif, Trebuchet MS en Verdana.
- quotationMarkColor: hiermee kun je de kleur van de aanhalingstekens bepalen, die langs de bovenrand van de Shop Review Sticker worden getoond. Deze zijn standaard wit. Desgewenst kun je ook deze kleurwaarde vervangen door een andere hexadecimale waarde.
- reviewMinLength: met deze parameter bepaal je de minimumlengte die beoordelingen moeten hebben om te worden getoond in de Shop Review Sticker. Standaard is deze waarde vastgelegd op 10 tekens. Je kunt deze waarde echter vrij aanpassen.
- element: deze parameter koppelt de JavaScript-code aan het DIV-element dat in de eerste coderegel is gedefinieerd. Natuurlijk kun je het ID van het DIV-element zelf bepalen. Als je het ID verandert, vergeet dan niet om dit zowel in het DIV-element als in de parameter "element" aan te passen. Verder mag in de parameter het #-teken niet worden vergeten.
- locale: deze parameter bepaalt de taal van content die niet door je klanten wordt gegenereerd, evenals de datumindeling. Standaard is de Nederlandse taal ingesteld en de in Nederland gebruikte indeling (bijv. '22-01-2020'). De waarde voor locale wordt ingevoerd in de volgende indeling: taal_LAND. De aanduidingen volgen daarbij de ISO-639- en ISO-3166-codes. Een voorbeeld: de passende waarde voor Brits Engels zou zijn en_GB.
Nu heb je de JavaScript-code van de Shop Review Sticker voorbereid.
Stap 2: de Shop Review Sticker in je webshop plaatsen
Nu moet de Shop Review Sticker nog in je webshop worden geïntegreerd. Kopieer daarvoor de gehele JavaScript-code, inclusief het DIV-element op de eerste coderegel, en voeg het geheel in op de plek in je webshop waar de Shop Review Sticker moet worden getoond.
Je hebt nu de Shop Review Sticker met succes in je webshop geïntegreerd.