Selektor-Bereiche verstecken oder einblenden

Selektor-Bereiche wie Result Page Sections, Sort Groups, Fragen, Antworten etc. enthalten Optionen zur Einstellung der Sichtbarkeit. Diese Bestandteile sind in der Folge sichtbar oder ausgeblendet, bedingt durch

• Nutzereingaben im Fragebogen oder

• Embed Parameter.

💡Nutzereingaben im Fragebogen: Elemente der Result Page (Product Sections, Top/Bottom Sections, Sort Groups) erscheinen in Abhängigkeit von gewählten Antworten.

💡Embed Parameter: Elemente der Result Page oder des Questionnaires erscheinen in Abhängigkeit von bei der Website-Integration gesetzten Parametern. Der Embed Parameter wird dazu sowohl in der Workbench, als auch im Snippet zur Website-Integration hinterlegt. Bei Verwendung von beispielsweise zwei Snippets mit unterschiedlichen Embed Parametern enthält eine Selektor-Version Elemente, die in der anderen nicht sichtbar sind. Anwendbar in Elementen der Result Page und Questionnaire.

Die Einstellung ist erkennbar am blauen Pfeil. Das folgende Bild zeigt den Bereich Questionnaire mit der Einstellung von Embed Parametern innerhalb der Frage- und Antwortelemente:

Felder der Result Page enthalten Optionen zur Einstellung der Sichtbarkeit basierend sowohl auf Embed Parametern als auch Nutzereingaben:

Sichtbarkeit mit Nutzereingaben beeinflussen

1. Öffne den Bereich Result Page > Product Sections oder Top/Bottom Sections oder Sort Groups.

2. Klicke in der gewünschten Section neben Display according to input expression auf den blauen Pfeil .

3. Wähle die Expression Logic.

   1. DON’T: Das Feld erscheint nicht bei Auswahl der Antwort.

   2. DO: Das Feld erscheint bei Auswahl der Antwort.

4. Klicke auf Manage Answers und wähle eine oder mehrere Antworten.

4. Bei Auswahl mehrerer Antworten: Wähle den Conditional Operator.

   1. OR: Nutzer wählt mindestens eine Antwort.

   2. AND: Nutzer wählt alle Antworten.

Sichtbarkeit mit Embed Parametern beeinflussen

Embed Parameter in Workbench einstellen

1. Öffne den Bereich Result Page oder Questionnaire.

2. Klicke neben der gewünschten Section auf den blauen Pfeil (in Result Page neben Display according to embed expression).

3. Wähle die Expression Logic.

   1. EQUALS: Feld erscheint, wenn Parameter zutrifft.

   2. NOT: Feld erscheint nicht, wenn Parameter zutrifft.

4. Hinterlege unter Parameter list den Namen des Parameters.

⚠️Verwende bei der Benennung keine Leerzeichen und Sonderzeichen. Trenne mehrere Parameter durch ein Komma und Leerzeichen: example1, example2

Embed Parameter im Selektor öffnen

1. Klicke auf das Icon Launch parameters.

2. Wähle die Parameter und bestätige mit Apply.

3. Klicke auf das Icon Launch.

Questionnaire mit Embed Parameter

Questionnaire ohne Embed Parameter

Embed Parameter in Snippet einfügen

1. Ergänze im Snippet-Code die Zeile data-embed-parameters="Parameter-Name" wie folgt:

<script
id="foxbase-selector-bootstrap"
src="https://digitizer.app/selector/index.js"
data-selector-id="SELECTOR ID"
data-scroll-adjust="0"
data-lang="de_DE"
data-embed-parameters="Parameter-Name">
</script>

2. Ersetze Parameter-Name durch die Namen der Embed Parameter.

<script
id="foxbase-selector-bootstrap"
src="https://digitizer.app/selector/index.js"
data-selector-id="SELECTOR ID"
data-scroll-adjust="0"
data-lang="de_DE"
data-embed-parameters="example">
</script>

💡Beachte den verwandten Artikel für weitere Informationen zur Verwendung des Snippets.

Embed Parameter in iFrame einfügen

1. Ergänze im iFrame-Code die Zeile data-embed-parameters="Parameter-Name" wie folgt:

<iframe
id="responsive-iframe"
src="SELECTOR URL"
width="100%"
height="1000px"
name="Selector-Name"
title="Selector-Title"
data-embed-parameters="Parameter-Name">
</iframe>

2. Ersetze Parameter-Name durch die Namen der Embed Parameter.

<iframe
id="responsive-iframe"
src="SELECTOR URL"
width="100%"
height="1000px"
name="Selector-Name"
title="Selector-Title"
data-embed-parameters="example">
</iframe>

💡Beachte den verwandten Artikel für weitere Informationen zur Verwendung von iFrames.