> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/produktdartstellung/produktberater.md).

# Produktberater

Der **Produktberater** ist ein interaktiver Produktfinder: Deine Besucher beantworten einige kurze Fragen und erhalten am Ende eine passgenaue Produktempfehlung. Das Element arbeitet nach dem **Ausschlussverfahren** – jede Antwort schließt bestimmte Produkte aus, sodass am Ende nur die wirklich passenden übrig bleiben. Ideal für erklärungsbedürftige Sortimente, bei denen Kunden etwas Orientierung gebrauchen können.

<figure><img src="/files/2BPmsJp8dr2dL92grs73" alt=""><figcaption><p>Beispiel im Storefront: die Einleitung mit Start-Button</p></figcaption></figure>

### So funktioniert der Produktberater

Nach dem Start führt der Berater Schritt für Schritt durch die Fragen – eine Fortschrittsanzeige zeigt, wie viele Schritte noch folgen. Am Ende werden die passenden Produkte als Ergebnis ausgegeben.

<figure><img src="/files/vlvYN8RFcowUBUZAy2Iv" alt=""><figcaption><p>Eine Frage mit Antwortmöglichkeiten und Fortschrittsanzeige</p></figcaption></figure>

<figure><img src="/files/GPStKrr2Hv77nAZHqu4w" alt=""><figcaption><p>Das Ergebnis: die anhand der Antworten ermittelten Produkte</p></figcaption></figure>

### Einleitung

Im Reiter **Einleitung** gestaltest du die Startseite des Beraters. Im Unterreiter **Button** legst du zusätzlich den Start-Button fest.

<figure><img src="/files/iRg07WvJW7YEx1R9hHKS" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Unterüberschrift (1)</td><td>Kleine Zeile über der Hauptüberschrift der Startseite.</td></tr><tr><td>Überschrift (2)</td><td>Hauptüberschrift der Startseite.</td></tr><tr><td>Text (3)</td><td>Einleitender Text, der den Berater kurz erklärt.</td></tr></tbody></table>

Die Gestaltung des Start-Buttons erfolgt über den gemeinsamen Baustein:

{% content-ref url="/pages/IDCzxbLczQ60ESEzaHLK" %}
[Button](/cms-bundle/elemente/konfigurationsbausteine/button.md)
{% endcontent-ref %}

### Fragen

Der Reiter **Fragen** ist das Herzstück. Hier legst du zuerst den Produktpool fest und definierst anschließend die Fragen mit ihren Antworten. Jeder Antwort weist du die Produkte zu, die bei ihrer Auswahl **ausgeschlossen** werden.

<figure><img src="/files/Kc6H4Bn9CWjxUjEVu1VM" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Potenzielle Produkte auswählen (1)</td><td>Wähle alle Produkte, die im Ergebnis grundsätzlich vorkommen können. Diese verteilst du anschließend auf die Antworten.</td></tr><tr><td>Frage (2)</td><td>Die Frage, die dem Kunden gestellt wird. Über <strong>„Frage hinzufügen"</strong> ergänzt du weitere Schritte.</td></tr><tr><td>Antwort (3)</td><td>Eine Antwortmöglichkeit zur Frage. Optional lässt sich je Antwort ein Icon hinterlegen. Mit <strong>„Antwort hinzufügen"</strong> legst du weitere an.</td></tr><tr><td>Produkte bei Auswahl der Antwort ausschließen (4)</td><td>Diese Produkte werden aus dem Ergebnis entfernt, wenn der Kunde die Antwort wählt. Was nach allen Fragen übrig bleibt, ist das Ergebnis.</td></tr></tbody></table>

{% hint style="info" %}
**Mehrfachauswahl**

Mit dem Schalter **„Mehrfachauswahl erlauben"** (ab zwei Antworten verfügbar) darf der Kunde mehrere Antworten gleichzeitig wählen. Dann werden nur die Produkte ausgeschlossen, die in der **Schnittmenge** aller gewählten Antworten liegen.
{% endhint %}

### Abschluss

Im Reiter **Abschluss** bestimmst du, wie das Ergebnis dargestellt wird – sowohl bei Treffern als auch, wenn kein Produkt übrig bleibt.

<figure><img src="/files/0wEytyzz1HCcZUuyMV2x" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Anzeigetyp der Produktergebnisse (1)</td><td>Darstellung der Ergebnisse als <strong>Produkt-Raster</strong> oder <strong>Produkt-Liste</strong>.</td></tr><tr><td>Bei Produktergebnissen (2)</td><td>Überschrift und Text, die über den gefundenen Produkten erscheinen.</td></tr><tr><td>Keine Produktergebnisse (3)</td><td>Überschrift und Text, die angezeigt werden, wenn die Auswahl kein Produkt übrig lässt.</td></tr></tbody></table>

{% hint style="info" %}
Im Unterreiter **Button** kannst du einen Button zum **Neustart** des Produktberaters aktivieren und gestalten.
{% endhint %}

### Weitere Einstellungen

Über die Reiter **Layout** (Mindesthöhen, Hintergrund, Inhaltsposition und Farben), **Typografie** und **SEO** passt du Erscheinungsbild und Schriftgrößen an.

{% content-ref url="/pages/ZJ9dlvURdA2KvrRvb6W0" %}
[Schriftgröße](/cms-bundle/elemente/konfigurationsbausteine/schriftgrosse.md)
{% endcontent-ref %}

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}