Kann ich den Shopberater wieder entfernen?

Ja, jederzeit: Lösche die Zeile aus deinem Theme, und der Shopberater ist verschwunden. An deinem Shop selbst ändert die Einbindung nichts.

Brauche ich Programmierkenntnisse?

Nein. Du kopierst eine fertige Zeile an eine Stelle in deinem Theme. Wer sich das nicht zutraut, gibt die Anleitung an seine Agentur weiter – oder wir richten es auf Wunsch für dich ein.

Funktioniert der Shopberater auf dem Handy?

Ja. Er passt sich der Bildschirmgröße an und lässt sich am Handy genauso bedienen wie am Desktop.

KI-Shopberater einbinden: Anleitung für jeden Shop

Das Snippet

So sieht die Zeile aus, die in deinen Shop kommt. DEIN-SCHLUESSEL steht für den persönlichen Schlüssel deines Shopberaters – im Portal findest du das Snippet bereits fertig ausgefüllt zum Kopieren.

Snippet

<script src="https://www.flanier.de/chat.js" data-flanier-chat="DEIN-SCHLUESSEL" async></script>

Wohin? Am besten direkt vor das schließende </body>, einmal im Layout deines Themes. Dann erscheint der Shopberater auf jeder Seite.
Bremst das die Seite? Nein, das Skript wird mit async geladen, also erst nachdem deine Seite steht.
Mehrfach eingefügt? Kein Drama, aber unnötig – einmal pro Seite reicht.

Shopify

Onlineshop → Themes öffnen, beim aktiven Theme über das Drei-Punkte-Menü Code bearbeiten wählen.
Im Ordner layout die Datei theme.liquid öffnen.
Snippet vor </body> einfügen und speichern.

Eine App ist nicht nötig. Mehr Details, auch zur Einbindung auf einzelnen Seiten: KI-Chatbot für Shopify.

Shopware 6

Im eigenen Theme Resources/views/storefront/base.html.twig anlegen oder öffnen.
Die Basis-Vorlage erweitern und das Snippet im Block base_body_script nach {{ parent() }} einfügen.
Cache leeren und die Storefront neu laden.

Ohne eigenes Theme geht es mit einem Plugin aus dem Shopware Store, das eigenen Code in jede Seite einfügt. Die vollständige Vorlage steht auf der Seite KI-Chatbot für Shopware 6.

WooCommerce und WordPress

Ein Plugin für eigenen Code öffnen (viele Shops nutzen so etwas schon für Analyse-Tools) und das Snippet im Bereich Footer eintragen – oder
im Child-Theme in der functions.php über den Hook wp_footer ausgeben.
Cache von Caching-Plugins leeren.

Beispiel-Code und Hinweise zu Optimierungs-Plugins: KI-Chatbot für WooCommerce.

Jede andere Website

Ob eigenes Shopsystem, Baukasten oder statische Seite: Überall, wo du eigenes HTML in das Seitenlayout einfügen kannst, funktioniert das Snippet. Suche in den Einstellungen nach Begriffen wie „eigener Code“, „Skripte im Footer“ oder „Tracking-Code“. Die Produkte kommen dann über einen Produktfeed (Google-XML, CSV oder JSON), den du bei der Einrichtung angibst.

Der Shopberater erscheint nicht?

Lade deinen Shop in einem privaten Fenster neu – so siehst du ihn wie ein neuer Besucher. Bleibt er unsichtbar, liegt es fast immer an einem dieser Punkte:

Cache: Shop-, Theme- oder CDN-Cache leeren.
Optimierungs-Plugins: Werkzeuge, die JavaScript bündeln oder verzögern, können das Snippet verändern – chat.js davon ausnehmen.
Consent-Tools: Manche Einwilligungs-Banner blockieren alle unbekannten Skripte, bis der Besucher zustimmt. Prüfe in deinem Tool, wie Skripte von www.flanier.de eingeordnet sind.
Content-Security-Policy: Setzt dein Shop eine eigene CSP, muss sie https://www.flanier.de für Skripte und Verbindungen erlauben.
Falscher Schlüssel: Das Snippet aus dem Portal kopieren, nicht abtippen.

Kommst du nicht weiter, schreib uns an info@flanier.de – mit der Adresse deines Shops schauen wir es uns an.

Den KI-Shopberater einbinden – Schritt für Schritt.