In eTrusted stehen dir einige aufwendig designte Widgets zur Verfügung, die du nutzen kannst, um deinen Kundinnen und Kunden deine Shopbewertungen zu präsentieren und sie so von deinem Unternehmen zu überzeugen. Neben diesen Widgets existiert noch eine weitere Präsentationsmöglichkeit, die dasselbe Ziel verfolgt: der Shopbewertungssticker.
Im Gegensatz zu den Widgets wird der Shopbewertungssticker jedoch nicht mehr weiterentwickelt und wird auf mittel- bis langfristige Sicht vollständig von den Widgets ersetzt. Bis auf Weiteres kannst du den Shopbewertungssticker allerdings noch bedenkenlos nutzen.
Schritt 1: Konfiguriere den Shopbewertungssticker
Ein Hinweis vorab: Einige der von Trusted Shops angebotenen Plugins ermöglichen einen einfachen und schnellen Einbau des Shopbewertungsstickers. Überprüfe daher bitte zunächst hier, ob für dein Shopsystem ein Plugin vorliegt und ob dieses die Integration des Shopbewertungsstickers unterstützt: Integrieren Sie Trusted Shops in Ihren Shop
Darüber hinaus kannst du ihn auch manuell in dein Shopsystem einbauen. Die Grundlage hierfür ist der folgende JavaScript-Code.
<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: 'de_DE'
};
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>
Innerhalb dieses Codes müssen einige Anpassungen vorgenommen werden, die wir dir im Folgenden erklären werden. Hierzu erläutern wir dir die einzelnen Parameter des Codes und welche Funktionen sie übernehmen.
- tsid: Dieser Parameter verknüpft den Shopbewertungssticker mit deinem Bewertungsprofil und sorgt dafür, dass die richtigen Shopbewertungen in deinem Sticker ausgespielt werden. Gib als Wert für diesen Parameter daher bitte deine Trusted-Shops-ID ein.
- variant: Dieser Parameter ist fix und darf nicht verändert werden.
- reviews: Über diesen Parameter kannst du bestimmen, wie viele Shopbewertungen innerhalb des Stickers rollieren. Standardmäßig sind fünf Bewertungen eingestellt, was auch der maximalen Anzahl entspricht. Selbstverständlich kannst du die Bewertungsanzahl aber nach unten korrigieren.
Darüber hinaus hast du noch ein paar optionale Konfigurationsmöglichkeiten.
- betterThan: An dieser Stelle kannst du definieren, welche Mindestnote die über den Shopbewertungssticker ausgegebenen Bewertungen haben sollen. Standardmäßig liegt die Mindestnote bei dreieinhalb Sternen. Du kannst aber natürlich einen anderen Wert eingeben, um die Mindestnote an deine Bedürfnisse anzupassen.
- backgroundColor: Über diesen Parameter bestimmst du die Hintergrundfarbe des Shopbewertungsstickers. Voreingestellt ist Gelb. Falls du dies ändern möchtest, musst du einfach den Hexadezimalwert der gewünschten Farbe als Wert eintragen.
- fontColor: Dieser Parameter bestimmt die Farbe der Schrift. Voreingestellt ist Schwarz, doch auch diese Farbe kannst du durch die Eingabe eines anderen Hexadezimalwerts anpassen.
- linkColor: Hier kannst du die Farbe definieren, in der der Link zum Shopprofil am unteren Rand des Stickers dargestellt werden soll. Auch dies geschieht über die Eingabe eines Hexadezimalwerts. Standardmäßig ist Schwarz eingestellt.
- fontFamily: Über diesen Parameter wählst du die Schriftart aus, die im Shopbewertungssticker verwendet werden soll. Voreingestellt ist Arial. Weitere Auswahlmöglichkeiten sind Geneva, Georgia, Helvetica, Sans-serif, Serif, Trebuchet MS und Verdana.
- quotationMarkColor: An dieser Stelle kannst du die Farbe der Anführungszeichen bestimmen, die am oberen Rand des Shopbewertungsstickers ausgespielt werden. Voreingestellt ist Weiß. Falls du dies wünschst, kannst du auch diese Farbe mittels eines anderen Hexadezimalwerts ersetzen.
- reviewMinLength: Dieser Parameter definiert, welche Mindestlänge Bewertungen haben müssen, um über den Shopbewertungssticker ausgespielt zu werden. Standardmäßig ist dieser Wert auf 10 Zeichen festgelegt. Du kannst den Wert aber frei anpassen.
- element: Dieser Parameter verbindet den JavaScript-Code mit dem in der ersten Codezeile definierten DIV-Element. Selbstverständlich kannst du die ID des DIV-Elements selbst bestimmen. Falls du die ID ändern möchtest, denke aber bitte daran, die ID sowohl im DIV-Element als auch im Parameter 'element' anzupassen. Im Parameter darf zudem das # nicht vergessen werden. Nutzt du ein Trusted Shop Plugin, über das du den Shopbewertungssticker einbinden kannst, wird dieser standardmäßig in der Sidebar angezeigt. Wenn dein Shop über keine Sidebar verfügt, kannst du diesen Parameter nutzen, um den Shopbewertungssticker an einer anderen Stelle zu platzieren.
- locale: Durch diesen Parameter werden die Sprache der nicht durch deine Kundinnen und Kunden generierten Inhalte sowie das Datumsformat bestimmt. Voreingestellt sind die deutsche Sprache und das in Deutschland übliche Format (z.B. 22.01.2020). Der Wert für locale muss folgendes Format haben sprache_LAND. Die Bezeichnungen folgen dabei den ISO-639- und ISO-3166-Codes. Ein Beispiel: Der passende Wert für britisches Englisch wäre demnach en_GB.
Damit hast du den JavaScript-Code des Shopbewertungsstickers vorbereitet.
Schritt 2: Platziere den Shopbewertungssticker in deinem Shop
Um den Shopbewertungssticker nun in deinen Online-Shop einzubinden, musst du den gesamten JavaScript-Code einschließlich des DIV-Elements in der ersten Codezeile kopieren und an der Stelle in deinen Shop einfügen, an der der Sticker ausgespielt werden soll.
Damit hast du den Shopbewertungssticker erfolgreich in deinen Shop eingebunden.