Benutzer-Werkzeuge

Webseiten-Werkzeuge


backend:apps:tools:product-scout

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
backend:apps:tools:product-scout [2017/12/11 14:42]
trykena bebildert
backend:apps:tools:product-scout [2022/03/04 13:34] (aktuell)
trykena Doku komplett ausgetauscht
Zeile 1: Zeile 1:
-======Product Scout====== +======Shop App: Product Scout====== 
-Erschaffen ​Sie mit diesem Tool Ihren individuellen ​Einkaufsberater ​indem Sie Fragen ​zu den einzelnen +Der Product Scout erlaubt es Ihnen einzelne Kampagnen anzulegen, mit denen Sie Ihren Kunden individuelle ​Einkaufsberater ​zur Verfügung stellen können. Dazu konfigurieren ​Sie Fragen und Antworten ​basierend auf Ihren Artikel& Warengruppendaten um eine neue Navigationsmöglichkeit zum Artikel zu schaffen. 
-Produkten erstellen ​und die darauf passenden ​Antworten ​ebenfalls liefern und somit darstellen. + 
-Sie können für Ihren Online-Produktberater so viele Fragen und Antworten hinterlegen wie Sie +====Konfiguration==== 
-möchten+Beim ersten Start der App ist eine Einrichtung notwendig um Ihren Shop entsprechend vorzubereitenKlicken ​Sie hier einfach auf ''​„Einrichtung jetzt starten“''​ – dieser Vorgang ist dann in wenigen Momenten erledigt. 
-====Hinzufügen eines Frageblocks==== + 
-{{:​backend:​apps:​tools:​productscout_01.png?​}} +Anschließend können ​Sie per Klick auf ''​„Hinzufügen“''​ eine erste Kampagne einrichten. 
-In der App erscheint ​eine Übersicht mit den bereits hinterlegten Product Scouts, insofern bereits + 
-welche angelegt wurdenDiese können ​Sie in der Gesamtübersicht bearbeiten, kopieren oder +====Kampagne einrichten und bearbeiten==== 
-löschen. +Bei der Einrichtung einer neuen Kampagne haben Sie mehrere Konfigurationsmöglichkeiten,​ welche Sie auch im Nachgang noch bearbeiten können: 
-Um einen neuen Product Scout zu erstellen, klicken ​Sie auf **hinzufügen**+ 
-====Zuordnung eines Sortiments==== +{{:​backend:​apps:​tools:​scout_a.png?}} 
-{{:​backend:​apps:​tools:​productscout_02.png?}} + 
-Sie befinden sich nun in dem Menü **Grundeinstellungen**. +  ​* **Name**: Name der Kampagne, dieser taucht auch für Ihre Kunden im Frontend auf
-Hinterlegen Sie einen Namen für Ihren Product Scout +  ​* ​**Sortiment**: Das Sortiment ​auf welchem die Kampagne aufbaut – dieses ist entscheidend dafürwelche Artikel und Warengruppen herangezogen werden
-Wählen Sie aus dem Drop Down Menü **Sortiment** ​das von Ihnen gewünschte ​Sortiment, ​welches bei +  * **Warengruppenstruktur ​ersetzen**: Ersetzt die reguläre Navigation innerhalb ​der Warengruppen mit diesem ​Product Scout. 
-den Antworten relevant sein wird+  * **Alle Fragen ​direkt ​anzeigen**: Regelt ob alle zur Kampagne gehörigen ​Fragen ​direkt ​auf einer Seite dargestellt ​werden, oder der Kunde sich einzeln durch die Fragen bewegt
-====Ersetzen der Warengruppenstruktur==== +  * **Anzeige auf Startseite**: Diese Einstellung fügt den Product Scout dieser Kampagne direkt unten auf der Startseite hinzu
-Unter dem Drop Down Menü **Sortiment** befindet sich der Punkt **Warengruppen Struktur ​ersetzen**+  * **Aktiv**: Wählen ​Sie zwischen drei verschiedenen Sichtbarkeiten. Aktiviert und Deaktiviert blenden den Product Scout im Frontend ein und aus. Beim Testmodus ist der Scout zunächst nur für den Shopadministrator sichtbar
-Wenn Sie hier das Häkchen setzen, erscheint ​der Product Scout direkt als Warengruppe ohne +  * **Teasertext**: Der Teasertext erscheint im Frontend als Mouse-Over Effekt beim entsprechenden ​Product Scout. 
-Unterstruktur+  * **Teaserbild**Das Teaserbild ​wird für die Frontenddarstellung verwendet. Standardmäßig wird das Bild in maximaler Größe von 500x500 Pixeln ​dargestellt, dies können Sie jedoch nachjustieren (Siehe ''​„CSS Darstellung“''​)
-====Anzeigen der Fragen auf Startseite==== +  * **URL zur Einbindung als Link oder Contentseite**:​ Diesen Link können Sie innerhalb der Content-Seiten Verwaltung im dortigen Feld ''​„Überschrift / Link“''​ verwenden um direkt via Content-Seite auf den Product Scout zu verlinken. Beachten Sie bitte, dass erst nach Erstellung einer Kampagne die vergebene ID eingetragen ​wird. 
-Wenn Sie die nun anzulegenden Fragen direkt auf der Startseite anzeigen möchten, setzen Sie das +  * **Canonical URL**Diese feste URL verweist direkt ​auf den Product Scout, sodass Sie bspw. via Newsletter auf diesen verweisen können. Der vollständige Link (inkl. dem Namen) ist nach Erstellung ersichtlich
-Häkchen bei **„Anzeige auf Startseite“**. +  * **Platzhalter**:​ Den Platzhalter können ​Sie beliebig auf Content-Seiten verwenden um einen (oder mehrere) ​Product ​Scouts ​in Ihrem Content einzubinden. Beachten ​Sie bitte, dass erst nach Erstellung einer Kampagne ​die vergebene ID eingetragen wird
-====Alle Fragen anzeigen==== +  * **CSS Darstellung**: ​Sie haben die Möglichkeit ​jeden Product Scout individuell mittels CSS ein passendes Design ​zu geben. Dazu hat jeder Scout eigene CSS Klassen, welche Sie hier direkt ergänzen können. Beachten Sie bitte, dass erst nach Erstellung einer Kampagne die vergebene ID eingetragen wird
-Wenn Sie bei **„Alle Fragen anzeigen“** das Häkchen setzen werden ​alle Fragen ​des Product Scouts ​auf +Nach dem Speichern landen ​Sie direkt ​in der Bearbeitung der soeben erstellten KampagneAlternativ können ​Sie auch mittels ''​„Zurück“''​-Button zur Übersicht. Hier ist nun die erstellte Kampagne ersichtlich,​ ebenso werden zukünftige Kampagnen hier erscheinenNeben der Benennung, dem gewählten Sortiment, der Anzahl konfigurierter Fragen, der Sichtbarkeit und dem Erstellungsdatum, ​können Sie hier auch wieder ​in die Bearbeitung springen, oder bestehende Kampagnen kopieren und löschen
-einer Seite (Onpage) ​dargestellt. + 
-====Teasertext==== +Beim Bearbeiten einer Kampagne gibt es neben den bereits getroffenen Grundeinstellungen nun weitere Tabs: Präsentation,​ Fragenkatalog und Vorschau
-In dem Feld **Teasertext** können Sie einen entsprechenden Vorschautext hinterlegen,​ welcher bei der + 
-Darstellung des Product Scouts ausgegeben werden soll+Im Tab Präsentation können Sie mit dem aus den Content-Seiten bekannten WYSIWYG-Editor eigene Texte und/oder Bilder hinterlegen. Dabei gibt es einen Kopf-, sowie einen Fußbereich,​ welche jeweils ober- und unterhalb des Product Scouts dargestellt werden
-Um ein **Teaserbild** hinzuzufügen,​ **durchsuchen** Sie Ihre vorhandenen **Dateien** ​und wählen Sie das + 
-gewünschte Bild aus. +{{:​backend:​apps:​tools:​scout_b.png?}} 
-**Speichern** Sie Ihre Eingaben+ 
-====Aktivieren / Deaktivieren / Demomodus==== +Im Fragenkatalog werden die Fragen ​für die bearbeitete Kampagne eingerichtetMehr dazu unter ''​„Fragen ​einrichten und bearbeiten“''​
-Unter dem Punkt **„Aktiv“** bestimmen Sie den aktuellen Status dieses Frageblocks:​ + 
-  ​Deaktiviert: Der Product Scout wird im Frontend nicht dargestellt+Die Vorschau fungiert als Vorschau der Kampagne und zeigt eine entsprechende Vorschau des Product Scouts im Frontend
-  * AktiviertDer Product Scout wird im Frontend ​dargestellt. + 
-  * Testmodus (nur Shop-Betreiber) Der Product Scout wird im Frontend nur für den Administrator dargestellt+====Fragen einrichten ​und bearbeiten==== 
-====Darstellung und Layoutbearbeitung==== +Bei der Einrichtung einer neuen Frage haben Sie mehrere Konfigurationsmöglichkeiten,​ welche Sie auch im Nachgang noch bearbeiten können: 
-Neben der Darstellung auf der Startseite haben Sie folgende Möglichkeiten: + 
-===Einbindung ​auf Contentseiten=== +{{:​backend:​apps:​tools:​scout_c.png?}} 
-Kopieren Sie den angegebenen Link und hinterlegen diesen im Linkbereich einer Contentseite,​ damit + 
-bei Aufruf der Contentseite direkt der Product Scout dargestellt wird+  * **Frage**: Bezeichnung der Frage, diese taucht auch für Ihre Kunden im Frontend auf
-===Extern Teilen=== +  * **Beschreibung**: Beschreibung der Frage, dieser ​Text taucht auch für Ihre Kunden im Frontend auf. Zusammen mit dem Titel sollten Sie hiermit den Hintergrund der Antworten aufzeigen
-Teilen ​Sie den Product ​Scout mit Ihren Kunden, ​in dem Sie die Canonical URL veröffentlichen+  * **Antwort-Layout**: Hiermit regeln Sie das Layout mit dem die konfigurierten Antworten im Frontend dargestellt werden. Wählen ​Sie zwischen einer rein textuellen Darstellung, einer Darstellung als Bild, oder einer Mischform aus beidem. Sie können für jede Frage ein abweichendes Layout ​wählen ​– innerhalb einer Frage hat dann jede Antwort das gewählte Layout
-Über diese ist der Product Scout direkt aufrufbar +  * **Antwort-Art**Wählen Sie zwischen den verschiedenen Antwort-Arten Warengruppe,​ Eigenschaft,​ Hersteller und Preis. Mehr dazu jeweils unter ''​„Antworten einrichten und bearbeiten“''​. 
-===Einbindung über Platzhalter=== +  ​* **Eigenschaft**: Diese Option erscheint nur, wenn die Antwort-Art ''​„Eigenschaft“''​ gewählt wurde. Hier werden die Eigenschaften aller Artikel im Sortiment, welches für die Kampagne gewählt wurde, ausgelesen. Innerhalb des Dropdowns können Sie die gewünschte Eigenschaft einfach per Klick auswählen. Bei Bedarf können Sie auch im enthaltenen Suchfeld nach einer bestimmten Eigenschaft suchen. 
-Sie haben die Möglichkeit ​den Product Scout als Content in eine Contentseite ​zu platzieren+  * **Gewichtung ​der Frage**: Je höher einzelne Fragen hier gewichtet werdendesto weiter oben werden die aus der Antwort resultierenden Artikel im Ergebnis dargestellt. Da das Endergebnis immer alle passenden Artikel darstellt können Sie hier die Treffer von bestimmten Fragen höher gewichten. Dabei gilt einfach: Höhere Gewichtung = Passende Artikel erscheinen weiter oben im Ergebnis. 
-Kopieren ​Sie hierfür lediglich den Platzhalter und fügen diesen ​in den Contentbereich ​der +  * **Pflichtfrage**:​ Bei aktiver Option muss diese Frage bei Nutzung des Product Scouts beantwortet werden. Alternativ kann die Frage von Ihren Kunden auch übersprungen werden. 
-Contentseite ein. +  * **Ausschlussfrage**:​ Bei Ausschlussfragen werden die aus der Antwort resultierenden ​Artikel ​im Ergebnis ausgeblendet,​ anstatt dargestellt
-===Layout Anpassung via CSS=== +  * **Mehrfache Antwort möglich**: Ist diese Option aktiv, so können ​Ihre Kunden nicht nur eine, sondern auch mehrere Antworten wählen. Alternativ ist immer lediglich ​eine Antwort möglich. 
-Passen ​Sie die Darstellung des Product Scouts nach Belieben via CSS anDie entsprechende Klasse +  * **Bilder nebeneinander darstellen**:​ Diese Option erscheint nur, wenn ein Antwort-Layout mit Bild ausgewählt wurde. Bei aktiver Option werden Antworten mit Bildern nicht untereinander,​ sondern entsprechend des verfügbaren Platzes in Reihe dargestellt
-können Sie sich rauskopieren und zur Bearbeitung ​in die layout.css im Benutzerdatenverzeichnis + 
-einfügen+Bitte beachten Sie, dass die Antwortkonfiguration erst erscheint, wenn eine Antwort-Art ​ausgewählt ​und gespeichert wurde. Sollte die Antwort-Art nachträglich noch angepasst werdendann werden alle bereits bestehenden ​Antworten ​entsprechend entfernt, da diese je Antwort-Art unterschiedlich aufgebaut sind. Sollten Sie die Antwort-Art anpassen, so erscheint allerdings auch ein entsprechender Hinweis darauf – sodass nicht versehentlich Antworten entfernt werden. 
-Der Name der Hauptklasse lautet immer proscout_1+ 
-====Hinterlegen einzelner Fragen==== +====Antworten einrichten und bearbeiten==== 
-{{:​backend:​apps:​tools:​productscout_03.png?}} +Für jede Antwort-Art lassen sich die Antworten unterschiedlich konfigurieren. Es gibt hier folgende Gemeinsamkeiten:​ 
-Um nun explizite ​Fragen ​und Antworten hinzuzufügen,​ wählen Sie in dem oberen Menüpunkt + 
-den Button Fragekatalog aus. +  * **Antwort**:​ Der Antworttextwelcher auch im Frontend ersichtlich ist (insofern der Text im gewählten Layout enthalten ist)
-Hier sehen Sie eine Übersicht der bereits eingestellten ​Fragen, können aber auch neue Fragen +  * **Bild**: Dieses Bild ist auch im Frontend ersichtlich (insofern das Bild im gewählten Layout enthalten ist). 
-hinzufügen+  * Möglichkeit zum Kopieren und Löschen 
-Drücken Sie den Button Hinzufügen um eine neue Frage zu formulieren+ 
-Unter dem Menüpunkt Neue Frage erstellen füllen Sie nun alle vorhandenen Felder aus und +===Antwort-Art:​ Warengruppe=== 
-speichern ​Sie Ihre Eingaben. +{{:​backend:​apps:​tools:​scout_d.png?​}} 
-{{:​backend:​apps:​tools:​productscout_04.png?}} + 
-===Frage=== +Mit einem Klick auf ''​„Warengruppe auswählen“''​ öffnet sich ein Popupin welchem ​die Warengruppenstruktur des für die Kampagne gewählten Sortiments dargestellt wird. Navigieren Sie hier einfach zu der Warengruppederen Artikel bei Wahl der Antwort im Ergebnis berücksichtigt werden sollen und wählen diese per Klick aus. Nach der Speicherung ist diese dann als Antwort verfügbar. 
-Definieren Sie in diesem Fall Ihre Frage. + 
-===Beschreibung=== +Dabei gilt: Die Warengruppe selbst, sowie alle dazugehörigen Unterwarengruppen ​werden ​dann berücksichtigt. Sollten einzelne Unterwarengruppen nicht mehr dem gleichen Sortiment angehören, dann werden diese auch nicht berücksichtigt
-Hinterlegen Sie zusätzlich zur Frage einen beschreibenden ​Text. + 
-===Antwort-Layout=== +Vermissen ​Sie eine Warengruppe?​ Vergewissern Sie sich, dass die Warengruppe selbst, sowie die übergeordneten Warengruppen,​ zum richtigen Sortiment gehören. 
-Hier können ​Sie zwischen einer Textantwort, einer Bildantwort ​oder einer Text + Bildantwort ​wählen. + 
-===Antwort-Art=== +===Antwort-Art: Eigenschaft=== 
-Hier können Sie folgende Optionen wählen+{{:​backend:​apps:​tools:​scout_e.png?​}} 
-  * Eigenschaft/Merkmal + 
-  ​Warengruppe +Bei Antworten der Art ''​„Eigenschaft“''​ wählen ​Sie die gewünschten Werte einfach im Dropdown aus. 
-  ​Hersteller + 
-  * Preis +Bedenken Sie hierbei, dass die hier zur Auswahl stehenden Werte folgende Bedingungen erfüllen müssen: 
-Anhand ​der hinterlegten Antwortart, werden ​entsprechend ​die Auswahlkriterien und somit die + 
-passenden ​Artikel ​ermittelt+  * Der Wert muss an einem Artikel des für die Kampagne gewählten Sortiments vorhanden sein. 
-**AchtungSie können ​pro Product Scout nur eine Antwort-Art definierenSollten Sie bereits +  * Es wird nur die Eigenschaft berücksichtigt,​ welche zuvor bei der Konfiguration der Frage ausgewählt wurde. 
-antworten für eine Antwort-Art ​gepflegt haben und auf eine andere wechselnso werden alle + 
-zuvor eingetragenen ​Antworten ​gelöscht.** +===Antwort-Art:​ Hersteller=== 
-===Gewichtung der Frage=== +{{:​backend:​apps:​tools:​scout_f.png?​}} 
-Sie könnend ​die Gewichtung der jeweiligen Fragen bestimmenin dem Sie einen Wert eingeben+ 
-Hoher Wert = Hohe Gewichtung+Bei der Antwort-Art ''​„Hersteller“''​ können ​Sie den Wert der jeweiligen Antworten einfach via Dropdown auswählen. 
-===Frage muss beantwortet werden=== + 
-Mit dieser Option legen Sie festob die die Frage beantwortet werden mussbevor die nächste Frage +Bedenken Sie hierbei, dass nur Hersteller zur Auswahl stehen, die auch an den Artikeln des für die Kampagne gewählten Sortiments vorhanden sind. 
-beantwortet ​werden ​kann+ 
-===Ausschlussfrage=== +===Antwort-Art:​ Preis=== 
-Mit dieser Option können ​Sie Fragen als Ausschlussfragen kennzeichnen+{{:​backend:​apps:​tools:​scout_g.png?}} 
-===Mehrfache ​Antwort ​möglich=== + 
-Durch diese Einstellung ermöglichen ​Sie mehrfach Antwortmöglichkeiten+Bei Antworten der Art ''​„Preis“''​ können ​Sie den Wert einfach per Textfeld eingeben. Hierbei sind rein nummerische Werte möglich. 
-===Darstellung Bildantworten=== + 
-Sie können die Darstellung ​der Bildantworten selbst definieren, in dem Sie die maximale Höhe und +Die Besonderheit hierbei ist die Möglichkeit ​zusätzlich einen Operator anzugeben. Wählen Sie hier zwischen folgenden Optionen: 
-Breite (in px)sowie die Anzahl der anzuzeigenden Bilder in einer Reihe definieren+ 
-====Erstellen und Hinterlegen von Antworten==== +  ​
-{{:​backend:​apps:​tools:​productscout_05.png?}} +  ​<= 
-Wenn Sie nun nach unten scrollen, finden ​Sie die Möglichkeit ​die Antworten zu Ihrer Frage zu +  ​
-erstellen. +  ​>= 
-Wählen Sie hierzu ​**Neue Antwort hinzufügen** und bestimmen Sie nun den **Wert** der Antwortindem +  ​
-Sie eines der vorhandenen Zeichen aus dem **Drop Down Menü** wählen+ 
-Legen Sie nun den Wert und die dazugehörige Antwort fest+Hier wird dann der jeweilige ​Wert mit den Preisen ​der Artikel im Sortiment verglichen. Ist bspw. für den Wert ''​„499,99“'' ​der Operator ''​„>​=“''​ ausgewählt,​ dann würden alle Artikel im Ergebnis berücksichtigt werden, deren Preis 499,99 oder höher beträgt
-**Je nach ausgewählter ​Antwort-Art ​haben Sie Zugriff auf unterschiedliche Werte zur Verknüpfung + 
-von Artikeln, die den Antworten entsprechen.** +Die Werte beziehen sich immer auf die in Ihrem Shop gewählte Währung. 
-Wählen ​Sie hierzu zunächst den Operator (=<=>= etc.) und den gewünschten Wert aus und + 
-hinterlegen eine passende Antwort zu Ihrer vorab definierten Frage. Zusätzlich ​können ​Sie in diesem +**Hinweis**: Aufgrund der hohen Menge an Abfragen wird diese Antwort-Art ​immer anhand der Shop-Datenbank geprüftSollten ​Sie also Preise aus einer externen Quellez.BIhrem Warenwirtschaftssystem abfragen, so können ​diese hier nicht berücksichtigt werden. 
-Schritt direkt ein Antwortbild hochladen+ 
-====Kopf- und Fußzeile bearbeiten==== +====Hinweis zu den Ergebnissen==== 
-{{:​backend:​apps:​tools:​productscout_06.png?}} +Die generelle Funktionsweise der Product Scouts sieht vor, dass anhand der beantworteten Fragen eine Liste von Artikeln identifiziert wirdDabei ist wichtig, dass die Fragen sich jeweils ergänzen. 
-Wählen Sie aus dem Obermenüpunkt den Punkt Präsentation aus um die Kopf- und / oder Fußzeile + 
-zu bearbeiten+Werden also z.B. bei Frage 1 alle Artikel des Herstellers ''​„Elten“''​ gewählt, im Anschluss bei Frage 2 dann alle Artikel des Herstellers „Fortis“'',​ dann sind im Ergebnis alle Artikel beider Hersteller ersichtlich.''​ 
-Bearbeiten Sie die einzelnen Zeilen indem Sie Ihre Daten im jeweiligen Editor eingeben und + 
-bearbeitenMit Speichern bestätigen bzwfixieren Sie den Vorgang.+Die Reihenfolge richtet sich dabei in erster Linie nach der Gewichtung der Fragen. Sollte diese nicht eindeutig sein, dann wird auf das Artikelfeld ''​„Priorisierung“''​ zurückgegriffen. Im dritten Schritt würde dann sogar noch auf die ''​„Produktsortierung“''​ geprüft werden. 
 + 
 +Eine Besonderheit stellen hier Fragen mit der Option ''​„Ausschlussfrage“''​ darArtikel die auf die Beantwortung dieser Fragen zutreffen, werden gänzlich aus dem Ergebnis entfernt, auch wenn andere Fragen diese ggfeinschließen.
backend/apps/tools/product-scout.txt · Zuletzt geändert: 2022/03/04 13:34 von trykena