In eTrusted stehen Ihnen einige aufwendig designte Widgets zur Verfügung, die Sie nutzen können, um Ihren Kundinnen und Kunden Ihre Shopbewertungen zu präsentieren und sie so von Ihrem 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 können Sie den Shopbewertungssticker allerdings noch bedenkenlos nutzen.
Schritt 1: Konfigurieren Sie den Shopbewertungssticker
Ein Hinweis vorab: Einige der von Trusted Shops angebotenen Plugins ermöglichen einen einfachen und schnellen Einbau des Shopbewertungsstickers. Überprüfen Sie daher bitte zunächst hier, ob für Ihr Shopsystem ein Plugin vorliegt und ob dieses die Integration des Shopbewertungsstickers unterstützt: Integrieren Sie Trusted Shops in Ihren Shop
Darüber hinaus können Sie ihn auch manuell in Ihr 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 Ihnen im Folgenden erklären werden. Hierzu erläutern wir Ihnen die einzelnen Parameter des Codes und welche Funktionen sie übernehmen.
- tsid: Dieser Parameter verknüpft den Shopbewertungssticker mit Ihrem Bewertungsprofil und sorgt dafür, dass die richtigen Shopbewertungen in Ihrem Sticker ausgespielt werden. Geben Sie als Wert für diesen Parameter daher bitte Ihre Trusted-Shops-ID ein.
- variant: Dieser Parameter ist fix und darf nicht verändert werden.
- reviews: Über diesen Parameter können Sie bestimmen, wie viele Shopbewertungen innerhalb des Stickers rollieren. Standardmäßig sind fünf Bewertungen eingestellt, was auch der maximalen Anzahl entspricht. Selbstverständlich können Sie die Bewertungsanzahl aber nach unten korrigieren.
Darüber hinaus haben Sie noch ein paar optionale Konfigurationsmöglichkeiten.
- betterThan: An dieser Stelle können Sie definieren, welche Mindestnote die über den Shopbewertungssticker ausgegebenen Bewertungen haben sollen. Standardmäßig liegt die Mindestnote bei dreieinhalb Sternen. Sie können aber natürlich einen anderen Wert eingeben, um die Mindestnote an Ihre Bedürfnisse anzupassen.
- backgroundColor: Über diesen Parameter bestimmen Sie die Hintergrundfarbe des Shopbewertungsstickers. Voreingestellt ist Gelb. Falls Sie dies ändern möchten, müssen Sie 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 können Sie durch die Eingabe eines anderen Hexadezimalwerts anpassen.
- linkColor: Hier können Sie 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ählen Sie 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 können Sie die Farbe der Anführungszeichen bestimmen, die am oberen Rand des Shopbewertungsstickers ausgespielt werden. Voreingestellt ist Weiß. Falls Sie dies wünschen, können Sie 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. Sie können den Wert aber frei anpassen.
- element: Dieser Parameter verbindet den JavaScript-Code mit dem in der ersten Codezeile definierten DIV-Element. Selbstverständlich können Sie die ID des DIV-Elements selbst bestimmen. Falls Sie ID ändern möchten, denken Sie aber bitte daran, die ID sowohl im DIV-Element als auch im Parameter 'element' anzupassen. Im Parameter darf zudem das # nicht vergessen werden. Nutzen Sie ein Trusted Shop Plugin, über das Sie den Shopbewertungssticker einbinden können, wird dieser standardmäßig in der Sidebar angezeigt. Wenn ihr Shop über keine Sidebar verfügt, können Sie diesen Parameter nutzen, um den Shopbewertungssticker an einer anderen Stelle zu platzieren.
- locale: Durch diesen Parameter werden die Sprache der nicht durch Ihre 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 haben Sie den JavaScript-Code des Shopbewertungsstickers vorbereitet.
Schritt 2: Platzieren Sie den Shopbewertungssticker in Ihrem Shop
Um den Shopbewertungssticker nun in Ihren Online-Shop einzubinden, müssen Sie den gesamten JavaScript-Code einschließlich des DIV-Elements in der ersten Codezeile kopieren und an der Stelle in Ihren Shop einfügen, an der der Sticker ausgespielt werden soll.
Damit haben Sie den Shopbewertungssticker erfolgreich in Ihren Shop eingebunden.