> 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 %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/produktdartstellung/produktberater.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.