Falls du dem Code-Snippet für deinen jeweiligen Webshop-Typ (Shopify, WooCommerce oder benutzerdefiniert) gefolgt bist und die retraced-Komponente trotzdem nicht angezeigt wird, können dir diese Schritte helfen, die Ursache zu finden.
Voraussetzungen
Bevor du die technischen Komponenten prüfst, stelle sicher, dass Folgendes gegeben ist:
Du hast mindestens ein aktives Produkt mit einer SKU, die mit der SKU des Produkts in deinem Webshop / Backoffice übereinstimmt.
Das Produkt hat eine verknüpfte Lieferkette.
Die Story ist für dieses spezifische Produkt aktiviert.
Wenn alle oben genannten Voraussetzungen erfüllt sind, solltest du zumindest das Transparenz-Badge für die Lieferkette sehen können:
Hast du immer noch Probleme?
Wir haben die häufigsten Probleme beim Einrichten des retraced-Widgets gesammelt. Lass uns gemeinsam durch die möglichen Lösungen gehen:
(1) Kein retraced-Header enthalten
Das ist das erste, was du überprüfen solltest. In diesem Fall werden die Shop-Komponenten nicht richtig geladen:
In diesem Abschnitt wird der retraced-Header, also die Shop-Komponenten, korrekt geladen:
(2) Keine Komponente im DOM platziert
Um zu überprüfen, ob die Komponente richtig im DOM (der HTML-Datei, die an den Client gesendet wird) platziert ist, öffne in Chrome den Debugger mit F12. Wechsle dann zum Netzwerk-Tab und lade die Produktseite neu. Stelle sicher, dass die retraced-Karten im DOM platziert sind – du kannst sie einfach im Netzwerk-Inspektor suchen.
Hier ein Beispiel für eine Seite, auf der die Karten nicht gefunden werden können:
Dieses Beispiel zeigt einen Webshop, bei dem die Karten-Komponente korrekt geladen wird:
(3) Nicht autorisiert
Bitte sende uns im Voraus die URLs deines Shops, damit sie auf die Whitelist gesetzt werden und eine Produkt-Story abgerufen werden kann.
Du kannst überprüfen, ob du nicht autorisiert bist, indem du prüfst, ob der Abruf der Produkt-Story mit dem Statuscode 401 fehlschlägt.
(4) SKU nicht im retraced-Dashboard vorhanden
Um sicherzustellen, dass das Produkt mit einer SKU in unserem System abgeglichen werden kann, folge bitte dem untenstehenden Netzwerkaufruf. Wenn wir die SKU aus deinem Shop nicht mit einer SKU in deinem retraced-Konto abgleichen können, wird der Wert isSKUMatched
als false zurückgegeben.
Unser Widget zeigt dir auch an, ob dein Produkt archiviert ist oder die Story deaktiviert wurde, indem es die Werte productArchived
auf true oder isProductNotFoundOrStoryDisabled
auf true zurückgibt.
Die SKU, die wir von deinem Shop anfordern, wird ganz unten im Headers-Tab angezeigt.
Hier siehst du die SKU, die URI-codiert an unser System übermittelt wird (d. h., Sonderzeichen werden umgewandelt bzw. "escaped"):
Bitte beachte, dass du je nach verwendetem Widget dessen Namen in das Suchfeld eingeben musst. Im obigen Beispiel-Screenshot wird das Widget cards verwendet. Falls du jedoch icons nutzt, musst du icons eingeben.
Hast du weiterhin Probleme?
Stelle bitte sicher, dass dein Setup mit unseren Hilfeartikeln übereinstimmt.