Benutzer-Werkzeuge

Webseiten-Werkzeuge


backend:apps:tools:product-scout

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
backend:apps:tools:product-scout [2017/11/22 15:02]
trykena angelegt
backend:apps:tools:product-scout [2022/03/04 13:34]
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==== + 
-In der App erscheint ​eine Übersicht mit den bereits hinterlegten Product Scouts, insofern bereits +Anschließend können ​Sie per Klick auf ''​„Hinzufügen“''​ eine erste Kampagne einrichten. 
-welche angelegt wurdenDiese können ​Sie in der Gesamtübersicht bearbeiten, kopieren oder + 
-löschen+====Kampagne einrichten und bearbeiten==== 
-Um einen neuen Product Scout zu erstellen, klicken ​Sie auf **hinzufügen**+Bei der Einrichtung einer neuen Kampagne haben Sie mehrere Konfigurationsmöglichkeiten,​ welche Sie auch im Nachgang noch bearbeiten können: 
-====Zuordnung eines Sortiments==== + 
-Sie befinden sich nun in dem Menü **Grundeinstellungen**. +{{:​backend:​apps:​tools:​scout_a.png?​}} 
-Hinterlegen Sie einen Namen für Ihren Product Scout + 
-Wählen Sie aus dem Drop Down Menü **Sortiment** ​das von Ihnen gewünschte ​Sortiment, ​welches bei +  ​* **Name**: Name der Kampagne, dieser taucht auch für Ihre Kunden im Frontend auf
-den Antworten relevant sein wird+  ​* ​**Sortiment**: Das Sortiment ​auf welchem die Kampagne aufbaut – dieses ist entscheidend dafürwelche Artikel und Warengruppen herangezogen werden
-====Ersetzen der Warengruppenstruktur==== +  * **Warengruppenstruktur ​ersetzen**: Ersetzt die reguläre Navigation innerhalb ​der Warengruppen mit diesem ​Product Scout. 
-Unter dem Drop Down Menü **Sortiment** befindet sich der Punkt **Warengruppen Struktur ​ersetzen**+  * **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. 
-Wenn Sie hier das Häkchen setzen, erscheint ​der Product Scout direkt als Warengruppe ohne +  ​* ​**Anzeige auf Startseite**: Diese Einstellung fügt den Product Scout dieser Kampagne direkt unten auf der Startseite hinzu
-Unterstruktur+  * **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
-====Anzeigen der Fragen ​auf Startseite==== +  ​* ​**Teasertext**: Der Teasertext erscheint im Frontend als Mouse-Over Effekt beim entsprechenden Product ​Scout
-Wenn Sie die nun anzulegenden ​Fragen direkt auf der Startseite anzeigen möchten, setzen Sie das +  ​* ​**Teaserbild**: Das Teaserbild wird für die Frontenddarstellung verwendet. Standardmäßig wird das Bild in maximaler Größe von 500x500 Pixeln dargestelltdies können ​Sie jedoch nachjustieren (Siehe ''​„CSS Darstellung“''​). 
-Häkchen bei **Anzeige 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
-====Alle Fragen anzeigen==== +  * **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. 
-Wenn Sie bei **„Alle Fragen anzeigen“** das Häkchen setzen werden alle Fragen des Product ​Scouts auf +  ​* **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. 
-einer Seite (Onpage) dargestellt+  * **CSS Darstellung**Sie haben die Möglichkeit jeden Product Scout individuell mittels CSS ein passendes Design zu gebenDazu 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. 
-====Teasertext==== +Nach dem Speichern landen Sie direkt in der Bearbeitung der soeben erstellten Kampagne. Alternativ können Sie auch mittels ''​„Zurück“''​-Button zur Übersicht. Hier ist nun die erstellte Kampagne ersichtlich,​ ebenso werden zukünftige Kampagnen hier erscheinen. ​Neben 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. 
-In dem Feld **Teasertext** ​können Sie einen entsprechenden ​Vorschautext hinterlegen,​ welcher bei der + 
-Darstellung des Product ​Scouts ausgegeben werden soll+Beim Bearbeiten einer Kampagne gibt es neben den bereits getroffenen Grundeinstellungen nun weitere TabsPräsentation,​ Fragenkatalog und Vorschau. 
-Um ein **Teaserbild** ​hinzuzufügen**durchsuchen** ​Sie Ihre vorhandenen ​**Dateien** und wählen ​Sie das + 
-gewünschte Bild aus+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
-**Speichern** Sie Ihre Eingaben. + 
-====Aktivieren / Deaktivieren / Demomodus==== +{{:​backend:​apps:​tools:​scout_b.png?}} 
-Unter dem Punkt **„Aktiv“** bestimmen Sie den aktuellen Status dieses Frageblocks:​ + 
-  ​DeaktiviertDer Product ​Scout wird im Frontend nicht dargestellt+Im Fragenkatalog werden ​die Fragen für die bearbeitete Kampagne eingerichtetMehr dazu unter ''​„Fragen einrichten ​und bearbeiten“''​
-  * AktiviertDer Product Scout wird im Frontend dargestellt. + 
-  * Testmodus (nur Shop-Betreiber) Der Product ​Scout wird im Frontend nur für den Administrator dargestellt+Die Vorschau fungiert als Vorschau der Kampagne und zeigt eine entsprechende Vorschau ​des Product Scouts im Frontend
-====Darstellung und Layoutbearbeitung==== + 
-Neben der Darstellung auf der Startseite haben Sie folgende Möglichkeiten+====Fragen ​einrichten und bearbeiten==== 
-===Einbindung auf Contentseiten=== +Bei der Einrichtung einer neuen Frage haben Sie mehrere Konfigurationsmöglichkeitenwelche ​Sie auch im Nachgang noch bearbeiten ​können: 
-Kopieren ​Sie den angegebenen Link und hinterlegen ​diesen im Linkbereich einer Contentseitedamit + 
-bei Aufruf der Contentseite direkt der Product ​Scout dargestellt ​wird+{{:​backend:​apps:​tools:​scout_c.png?}} 
-===Extern Teilen=== + 
-Teilen Sie den Product Scout mit Ihren Kunden, in dem Sie die Canonical URL veröffentlichen+  * **Frage**: Bezeichnung der Frage, diese taucht auch für Ihre Kunden im Frontend auf
-Über diese ist der Product Scout direkt aufrufbar +  * **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
-===Einbindung über Platzhalter=== +  * **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
-Sie haben die Möglichkeit den Product Scout als Content in eine Contentseite zu platzieren. +  * **Antwort-Art**Wählen Sie zwischen den verschiedenen Antwort-Arten Warengruppe,​ Eigenschaft,​ Hersteller und Preis. Mehr dazu jeweils unter ''​„Antworten einrichten und bearbeiten“''​. 
-Kopieren Sie hierfür lediglich den Platzhalter ​und fügen diesen in den Contentbereich der +  ​* **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. 
-Contentseite ein+  * **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. 
-===Layout Anpassung via CSS=== +  * **Pflichtfrage**:​ Bei aktiver Option muss diese Frage bei Nutzung des Product Scouts beantwortet werden. Alternativ kann die Frage von Ihren Kunden auch übersprungen werden. 
-Passen Sie die Darstellung ​des Product Scouts ​nach Belieben via CSS an. Die entsprechende Klasse +  * **Ausschlussfrage**:​ Bei Ausschlussfragen werden die aus der Antwort resultierenden ​Artikel ​im Ergebnis ausgeblendet,​ anstatt dargestellt
-können Sie sich rauskopieren und zur Bearbeitung in die layout.css ​im Benutzerdatenverzeichnis +  * **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. 
-einfügen+  * **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
-Der Name der Hauptklasse lautet immer proscout_1. + 
-====Hinterlegen einzelner ​Fragen==== +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. 
-Um nun explizite Fragen und Antworten hinzuzufügenwählen ​Sie in dem oberen Menüpunkt + 
-den Button Fragekatalog aus. +====Antworten einrichten und bearbeiten==== 
-Hier sehen Sie eine Übersicht der bereits eingestellten Fragen, ​können ​aber auch neue Fragen +Für jede Antwort-Art lassen sich die Antworten unterschiedlich konfigurieren. Es gibt hier folgende Gemeinsamkeiten:​ 
-hinzufügen. + 
-Drücken Sie den Button Hinzufügen um eine neue Frage zu formulieren+  * **Antwort**:​ Der Antworttextwelcher auch im Frontend ersichtlich ist (insofern der Text im gewählten Layout enthalten ist)
-Unter dem Menüpunkt Neue Frage erstellen füllen Sie nun alle vorhandenen Felder aus und +  * **Bild**: Dieses Bild ist auch im Frontend ersichtlich (insofern das Bild im gewählten Layout enthalten ist). 
-speichern Sie Ihre Eingaben. +  * Möglichkeit zum Kopieren und Löschen 
-===Frage=== + 
-Definieren Sie in diesem Fall Ihre Frage+===Antwort-Art:​ Warengruppe=== 
-===Beschreibung=== +{{:​backend:​apps:​tools:​scout_d.png?​}} 
-Hinterlegen Sie zusätzlich zur Frage einen beschreibenden ​Text. + 
-===Antwort-Layout=== +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. 
-Hier können ​Sie zwischen einer Textantwort, einer Bildantwort ​oder einer Text + Bildantwort ​wählen. + 
-===Antwort-Art=== +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
-Hier können Sie folgende Optionen wählen+ 
-  * Eigenschaft/Merkmal +Vermissen ​Sie eine Warengruppe?​ Vergewissern Sie sich, dass die Warengruppe selbst, sowie die übergeordneten Warengruppen,​ zum richtigen Sortiment gehören. 
-  ​Warengruppe + 
-  ​Hersteller +===Antwort-Art: Eigenschaft=== 
-  * Preis +{{:​backend:​apps:​tools:​scout_e.png?}} 
-Anhand ​der hinterlegten Antwortart, werden ​entsprechend ​die Auswahlkriterien und somit die + 
-passenden ​Artikel ​ermittelt+Bei Antworten ​der Art ''​„Eigenschaft“''​ wählen ​Sie die gewünschten Werte einfach im Dropdown aus. 
-**AchtungSie können ​pro Product Scout nur eine Antwort-Art definierenSollten Sie bereits + 
-antworten für eine Antwort-Art ​gepflegt haben und auf eine andere wechselnso werden alle +Bedenken Sie hierbeidass die hier zur Auswahl stehenden Werte folgende Bedingungen erfüllen müssen: 
-zuvor eingetragenen ​Antworten ​gelöscht.** + 
-===Gewichtung der Frage=== +  * Der Wert muss an einem Artikel des für die Kampagne gewählten Sortiments vorhanden sein. 
-Sie könnend ​die Gewichtung der jeweiligen Fragen bestimmenin dem Sie einen Wert eingeben+  * Es wird nur die Eigenschaft berücksichtigt,​ welche zuvor bei der Konfiguration der Frage ausgewählt wurde. 
-Hoher Wert = Hohe Gewichtung+ 
-===Frage muss beantwortet werden=== +===Antwort-Art:​ Hersteller=== 
-Mit dieser Option legen Sie festob die die Frage beantwortet werden mussbevor die nächste Frage +{{:​backend:​apps:​tools:​scout_f.png?}} 
-beantwortet ​werden ​kann+ 
-===Ausschlussfrage=== +Bei der Antwort-Art ''​„Hersteller“''​ können ​Sie den Wert der jeweiligen Antworten einfach via Dropdown auswählen
-Mit dieser Option können ​Sie Fragen als Ausschlussfragen kennzeichnen+ 
-===Mehrfache ​Antwort ​möglich=== +Bedenken ​Sie hierbei, dass nur Hersteller zur Auswahl stehen, die auch an den Artikeln des für die Kampagne gewählten Sortiments vorhanden sind
-Durch diese Einstellung ermöglichen Sie mehrfach Antwortmöglichkeiten+ 
-===Darstellung Bildantworten=== +===Antwort-Art: Preis=== 
-Sie können die Darstellung ​der Bildantworten selbst definieren, in dem Sie die maximale Höhe und +{{:​backend:​apps:​tools:​scout_g.png?​}} 
-Breite (in px)sowie die Anzahl ​der anzuzeigenden Bilder in einer Reihe definieren+ 
-====Erstellen und Hinterlegen von Antworten==== +Bei Antworten der Art ''​„Preis“''​ können ​Sie den Wert einfach per Textfeld eingeben. Hierbei sind rein nummerische ​Werte möglich. 
-Wenn Sie nun nach unten scrollen, finden Sie die Möglichkeit die Antworten zu Ihrer Frage zu + 
-erstellen+Die Besonderheit hierbei ist die Möglichkeit zusätzlich einen Operator anzugeben. Wählen Sie hier zwischen folgenden Optionen: 
-Wählen Sie hierzu **Neue ​Antwort ​hinzufügen** und bestimmen ​Sie nun den **Wert** der Antwort, indem + 
-Sie eines der vorhandenen Zeichen aus dem **Drop Down Menü** wählen+  * = 
-Legen Sie nun den Wert und die dazugehörige Antwort fest+  * <= 
-**Je nach ausgewählter ​Antwort-Art ​haben Sie Zugriff auf unterschiedliche ​Werte zur Verknüpfung +  * < 
-von Artikeln, ​die den Antworten entsprechen.** +  * >= 
-Wählen Sie hierzu zunächst den Operator (=<=>= etc.) und den gewünschten ​Wert aus und +  * > 
-hinterlegen eine passende ​Antwort ​zu Ihrer vorab definierten FrageZusätzlich können ​Sie in diesem + 
-Schritt direkt ein Antwortbild hochladen+Hier wird dann der jeweilige Wert mit den Preisen der Artikel im Sortiment verglichenIst 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. 
-====Kopf- und Fußzeile bearbeiten==== + 
-Wählen Sie aus dem Obermenüpunkt den Punkt Präsentation aus um die Kopf- und / oder Fußzeile +Die Werte beziehen sich immer auf die in Ihrem Shop gewählte Währung. 
-zu bearbeiten+ 
-Bearbeiten Sie die einzelnen Zeilen indem Sie Ihre Daten im jeweiligen Editor eingeben und +**Hinweis**:​ Aufgrund der hohen Menge an Abfragen wird diese Antwort-Art immer anhand der Shop-Datenbank geprüftSollten ​Sie also Preise aus einer externen Quelle, z.B. Ihrem Warenwirtschaftssystem abfragen, so können diese hier nicht berücksichtigt werden. 
-bearbeitenMit Speichern bestätigen bzwfixieren Sie den Vorgang.+ 
 +====Hinweis zu den Ergebnissen==== 
 +Die generelle Funktionsweise der Product Scouts sieht vor, dass anhand der beantworteten Fragen eine Liste von Artikeln identifiziert wird. Dabei ist wichtig, dass die Fragen sich jeweils ergänzen. 
 + 
 +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.''​ 
 + 
 +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