Produkt Finder – Geführte Produktberatung als interaktiver Entscheidungsbaum
Mit dem Plugin „Produkt Finder“ baust du im Backend mehrstufige Frage-Antwort-Bäume und bindest sie als OPC Portlet überall im Shop ein – auf Startseite, Kategorie- oder Landingpages. Besucher beantworten wenige gezielte Fragen und erhalten personalisierte Produktempfehlungen, die exakt zu ihrer Situation passen. Keine Template-Anpassungen, keine Entwicklerstunden – einfach konfigurieren und platzieren.
Ideal für: Beratungsintensive Produkte, große Sortimente, B2C- & B2B-Shops, Cross-Selling.
Finder verwalten & konfigurieren
- Mehrere Finder anlegen – z. B. einen pro Produktkategorie oder Beratungsthema.
- Name, Titel & Einleitungstext pro Finder individuell hinterlegen.
- Aktiv/Inaktiv – Finder deaktivieren ohne Datenverlust.
- Demo-Finder per Klick erzeugen – sofort loslegen mit einem fertigen Beispiel-Baum.
Visueller Baum-Editor Backend
- Frage-Nodes & Antwort-Optionen per AJAX anlegen, bearbeiten und löschen.
- Antworten verlinken Nodes miteinander – der Pfad verzweigt sich frei konfigurierbar.
- Root-Node frei wählbar – Startfrage jederzeit änderbar.
- Produkt-Typeahead: Artikel direkt an Ergebnis-Nodes zuweisen (Suche nach Name/Artikelnummer).
Frontend-Widget OPC Portlet
- Portlet im OPC-Seiteneditor platzieren – per Drag & Drop, überall im Shop.
- Fortschrittsbalken zeigt Besuchern, wie weit sie im Finder sind.
- Animierte Vorwärts- & Rückwärts-Navigation mit Zurück- und Neu-starten-Button.
- Produkte als Karten oder Liste – konfigurierbares Layout (cards / list).
Einstellungen pro Finder optional
- Layout wählen: Produktkarten oder Listenansicht.
- Button-Texte frei definieren – CTA, Zurück, Neu starten.
- Kurzbeschreibung der Produkte ein- oder ausblendbar.
- Primärfarbe (Hex) für das Widget individuell pro Finder setzbar.
OPC Portlet ein – der Besucher wird Schritt für Schritt zur perfekten
Produktempfehlung geführt. Alle Daten werden per AJAX geladen, ohne Template-Anpassungen.
Produkt Finder – Dokumentation
Dieses Plugin ermöglicht es dir, im JTL-Shop 5 voll konfigurierbare Produktfinder (Guided Selling Widgets) zu erstellen. Führe deine Kunden interaktiv mit gezielten Fragen zu den passenden Artikeln. Alle Finder-Widgets lassen sich bequem über den OPC (OnPage Composer) auf jeder beliebigen Seite deines Shops platzieren.
Überblick
Im Backend findest du das Plugin unter „Installierte Plugins“ → „Produkt Finder“. Dort gibt es folgende Kernbereiche:
- Finder-Übersicht: Alle deine Finder auf einen Blick verwalten. Mit 1-Klick lässt sich dort auch der Rasendünger-Demo-Finder anlegen.
- Einstellungen (Grundeinstellungen): Name, Titel, Layout (Karten oder Liste), Primärfarbe sowie Button-Texte pro Finder individuell konfigurieren.
- Baum-Editor: Der visuelle Editor, in dem du den Frage-Antwort-Baum aufbaust und die finalen Produkte zuteilst.
Screenshot: Finder Übersicht (klick zum Vergrößern).
Screenshot: Einstellungen (klick zum Vergrößern).
Screenshot: Baum Editor (klick zum Vergrößern).
Screenshot: Frontend Frage (klick zum Vergrößern).
Screenshot: Frontend Antwort (klick zum Vergrößern).
Installation & erster Run
Plugin installieren & aktivieren
Installiere das Plugin „Produkt Finder“ ganz normal über den JTL-Shop Plugin-Manager.
Demo-Finder anlegen (Optional aber empfohlen)
In der Finder-Übersicht kannst du mit einem Klick auf „Demo anlegen“ den vorgefertigten „Rasendünger-Berater“ installieren. Dabei wird ein fertiger Entscheidungsbaum mit 4 Fragen und 8 Ergebnisseiten erstellt. Das hilft enorm, um das System kennenzulernen.
Neuen Finder erstellen
Alternativ klickst du auf „Neuen Finder anlegen“, vergibst einen Namen, wählst die Darstellung (Farbe, Layout) und speicherst die Grunddaten. Dann wechselst du in den Baum-Editor.
Finder anlegen & gestalten
Jeder Finder hat eigene Einstellungen für sein Aussehen und die Texte.
Grunddaten & Titel
Lege einen internen Namen für dich fest. Der „Frontend-Titel“ und der „Einleitungstext“ werden dem Kunden direkt zu Beginn des Widgets angezeigt.
Darstellung & Layout
Wähle eine Primärfarbe aus. In dieser Farbe erstrahlen die Auswahl-Buttons und Highlights im Widget. Bei „Produkt-Layout“ kannst du dich zwischen einer kompakten Liste und großen Karten (Cards) für die finalen Produktempfehlungen entscheiden.
Button-Texte
Passe die Bezeichnungen für den CTA-Button (z. B. „Zum Produkt“), den „Zurück“-Button und den „Neu starten“-Link individuell nach deinen Wünschen an.
Entscheidungsbaum & Produkte
Das Herzstück ist der Baum-Editor. Hier baust du den logischen Pfad auf, den der Kunde durchläuft.
Fragen und Antworten definieren
Erstelle verschiedene Frage-Knoten („Nodes“). Jede Frage hat Antwortmöglichkeiten. Du kannst Antworten mit nachfolgenden Fragen verknüpfen (so entstehen Verzweigungen).
Ergebnis-Seite(n) anlegen
Ist der User am Ende der Fragestrecke angekommen, verknüpfst du die letzte Antwort mit einem „Ergebnis“-Knoten.
Produkte zuweisen
Im Ergebnis-Knoten kannst du dann aus deinem Sortiment genau die JTL-Shop Artikel suchen und zuweisen, die diesem speziellen Profil/Bedürfnis entsprechen.
Ausgabe im Frontend (OPC)
Der fertige Finder wird über den im Shop integrierten OnPage Composer (OPC) ausgespielt.
- 1. Öffne im Frontend den OPC Bearbeitungs-Modus.
- 2. Suche in der Boxen-Liste nach dem Widget „Produkt Finder“.
- 3. Ziehe das Widget an die gewünschte Stelle in deinem Layout („Drag & Drop“).
- 4. In den Portlet-Einstellungen wählst du nun einfach den gewünschten Finder aus dem Dropdown aus. Speichern, fertig!
FAQ
Warum wird mein Finder im OPC nicht angezeigt?
Stelle sicher, dass in den Grundeinstellungen des Finders der Schalter auf „Aktiv“ steht. Inaktive Finder können nicht eingebunden werden.
Was bedeutet das „Produkt-Layout“ (Liste vs. Karten)?
Auf der letzten Seite des Finders (dem Ergebnis) werden die zugeordneten Artikel angezeigt.
– Karten (Cards): Große Darstellung nebeneinander, eher bei wenigen Empfehlungen
sinnvoll (z.B. max. 1-3).
– Liste: Eine kompakte Listen-Darstellung untereinander, wenn der Finder viele (4+)
passende Produkte liefert.
Kann ich mehrere Produkt Finder auf der gleichen Seite einbinden?
Technisch ja – aus User-Experience-Sicht ist es meist besser, pro Seite fokussiert einen Finder anzubieten. Der Code kapselt die Widget-States autark, sodass es zu keinen Konflikten kommen sollte.