Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
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 vorzubereiten. Klicken 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 wurden. Diese 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ür, welche 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 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. |
- | 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 eingerichtet. Mehr 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. |
- | * Aktiviert: Der 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 werden, desto 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 an. Die 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 werden, dann 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 Antworttext, welcher 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 Popup, in welchem die Warengruppenstruktur des für die Kampagne gewählten Sortiments dargestellt wird. Navigieren Sie hier einfach zu der Warengruppe, deren 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. |
- | **Achtung: Sie können pro Product Scout nur eine Antwort-Art definieren. Sollten 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 wechseln, so 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 bestimmen, in 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 fest, ob die die Frage beantwortet werden muss, bevor 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 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. | + | 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üft. Sollten Sie also Preise aus einer externen Quelle, z.B. Ihrem 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 wird. Dabei 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 | + | |
- | bearbeiten. Mit Speichern bestätigen bzw. fixieren 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“'' dar. Artikel die auf die Beantwortung dieser Fragen zutreffen, werden gänzlich aus dem Ergebnis entfernt, auch wenn andere Fragen diese ggf. einschließen. |