Wenn ihr Code kopieren wählt, bekommt ihr zwei Dinge: eine Box mit der Klasse trustsays-widget und euren Einstellungen und ein Skript, das von https://api.trustsays.com/widget/v1.js geladen wird. Die Box setzt ihr dort hin, wo das Widget erscheinen soll. Das Skript muss nur einmal pro Seite dastehen, auch bei mehreren Widgets.
Die wichtigsten Attribute
- data-company: eure Domain, z. B. firma.de. Ohne sie wird nichts angezeigt.
- data-variant: welches Widget, z. B. mini, carousel oder w05. Ein unbekannter Name ergibt kein Widget.
- data-lang: die Sprache des Widgets, z. B. da, en, sv oder de. Siehe unten.
Aussehen
- Farben: data-accent, data-bg, data-text, data-muted, data-border, data-surface und data-empty-star. Geschrieben als # und sechs Zeichen, z. B. #0E8A5F.
- Form: data-border-width (0 bis 4), data-radius (0 bis 24) und data-scale (70 bis 130).
- data-shadow: none, soft oder hard. data-stars: sharp, soft oder round.
- data-font: orig, figtree, system, serif oder mono.
- data-logo: true oder false. Funktioniert nur mit bezahlten Paketen. Mit Kostenlos ist das Logo immer dabei.
- data-score-colors: true ergibt eine Sternfarbe nach Score, false eure eigene Farbe.
- Texte: data-text-excellent, data-text-microA, data-text-seeAll, data-text-seeReviews und data-text-collectQ. Höchstens 120 Zeichen.
Ein ungültiger Wert, z. B. eine Farbe im falschen Format, ergibt einfach den Standard. Das Widget geht nicht kaputt.
Extras für manche Widgets
- Produktsterne: data-product-name und data-product-price. Produktkarte verwendet außerdem data-product-image.
- Hero-Overlay: data-image mit eurem Bild.
- Signaturen: data-name, data-role und data-phone.
Bilder müssen Adressen sein, die mit https:// beginnen.
Sprache
Das Widget Studio erzeugt Code auf Dänisch oder Englisch. Die Texte der Widgets gibt es außerdem auf Schwedisch (sv), Norwegisch (nb), Finnisch (fi), Deutsch (de), Französisch (fr), Niederländisch (nl), Italienisch (it), Spanisch (es), Portugiesisch (pt), Polnisch (pl) und Japanisch (ja). Ändert data-lang auf den gewünschten Code. Andere Sprachen werden zu Englisch.
Entfernt ihr data-lang ganz, richtet sich das Widget nach der Sprache der Seite und sonst nach der des Browsers. Das ist praktisch auf einer mehrsprachigen Seite. Die Bewertungen werden immer in der Sprache angezeigt, in der sie geschrieben wurden.
Älterer Code, bei dem alles in einem Script-Tag steht, funktioniert weiterhin.