Neben Produktboxen und Bestseller Listen kannst du mit Affilipus auch Vergleichstabellen anlegen. Diese ermöglichen dir, Produkte gegenüber zu stellen und diese miteinander zu vergleichen. So sehen deine User auf einen Blick alle Eigenschaften und können Vor- und Nachteile der einzelnen Produkte für sich selbst abschätzen. Im Folgenden erfährst du, wie du eine entsprechende Tabelle anlegst.

Sony KD-55XD7005
Displaygröße
55 Zoll
Full HD
4K
Energieeffizienz
A
Bildwiederholung
200 Hz
Smart TV
Features
  • Auflösung: 3840 x 2160 Pixel;
  • Motionflow XR 200Hz
  • HD Triple Tuner
  • Elektronische Programmzeitschrift (EPG)
  • USB-Multiformat Media Player & USB-Aufnahmefunktion
  • Sleep Timer, On-Off
Schulnote / Testergebnis
1,2
sehr gut
Bewertung
50 Sterne
Preis
939,97€
Sie sparen: 59.03€ (6%)
 
Zuletzt aktualisiert am
27.07.2017 08:02
Direkt zu Amazon
Sony KD-43XD8005
Displaygröße
43 Zoll
Full HD
4K
Energieeffizienz
b
Bildwiederholung
200 Hz
Smart TV
Features
  • Auflösung: 3840 x 2160 Pixel
  • Motionflow XR 200Hz
  • Android TV 4K Ultra HD Smart TV
  • HD Twin Triple Tuner: 2 x DVB-C, T2 (HEVC/H.265), S2 (CI+)
  • Elektronische Programmzeitschrift (EPG), USB-Multiformat Media Player
Schulnote / Testergebnis
2,0
gut
Bewertung
45 Sterne
Preis
745,00€
Sie sparen: 154.00€ (17%)
 
Zuletzt aktualisiert am
27.07.2017 08:02
Direkt zu Amazon
Samsung UE32J5150
Displaygröße
32 Zoll
Full HD
4K
Energieeffizienz
A+
Bildwiederholung
200 Hz
Smart TV
Features
  • Auflösung: 1920 x 1080 Pixel (Full HD)
  • LED-Backlight-Fernseher
  • HD Triple Tuner
  • Wide Color Enhancer (Plus)
  • Lieferumfang: Klassische Fernbedienung, Stromkabel, Anleitung
Schulnote / Testergebnis
3,0
befriedigend
Bewertung
43 Sterne
Preis
nicht verfügbar
 
Zuletzt aktualisiert am
27.07.2017 06:57
Direkt zu Amazon
Abbildung
Modell Sony KD-55XD7005 Sony KD-43XD8005 Samsung UE32J5150
Displaygröße
55 Zoll 43 Zoll 32 Zoll
Full HD
4K
Energieeffizienz
A b A+
Bildwiederholung
200 Hz 200 Hz 200 Hz
Smart TV
Features
  • Auflösung: 3840 x 2160 Pixel;
  • Motionflow XR 200Hz
  • HD Triple Tuner
  • Elektronische Programmzeitschrift (EPG)
  • USB-Multiformat Media Player & USB-Aufnahmefunktion
  • Sleep Timer, On-Off
  • Auflösung: 3840 x 2160 Pixel
  • Motionflow XR 200Hz
  • Android TV 4K Ultra HD Smart TV
  • HD Twin Triple Tuner: 2 x DVB-C, T2 (HEVC/H.265), S2 (CI+)
  • Elektronische Programmzeitschrift (EPG), USB-Multiformat Media Player
  • Auflösung: 1920 x 1080 Pixel (Full HD)
  • LED-Backlight-Fernseher
  • HD Triple Tuner
  • Wide Color Enhancer (Plus)
  • Lieferumfang: Klassische Fernbedienung, Stromkabel, Anleitung
Schulnote / Testergebnis
1,2
sehr gut
2,0
gut
3,0
befriedigend
Bewertung
50 Sterne
5 von 5 Sternen
10 Bewertungen
45 Sterne
4.5 von 5 Sternen
123 Bewertungen
43 Sterne
4.3 von 5 Sternen
20 Bewertungen
Preis
939,97€
Sie sparen: 59.03€ (6%)
 
Zuletzt aktualisiert am
27.07.2017 08:02
745,00€
Sie sparen: 154.00€ (17%)
 
Zuletzt aktualisiert am
27.07.2017 08:02
nicht verfügbar
 
Zuletzt aktualisiert am
27.07.2017 06:57
Direkt zu Amazon Direkt zu Amazon Direkt zu Amazon

Hier erfahrt ihr in einem kleinen Video, wie ihr in der derzeitigen Version 0.16.0 die Vergleichstabellen erstellen und in eurer Seite einbinden könnt.

Eine Produkt Vergleichstabelle anlegen

Um eine Vergleichstabelle anlegen zu können, musst du mindestens 2 Produkte importiert haben. In unserem Beispiel bleiben wir bei iPods und importieren 2 weitere iPods in unser Demo Projekt. Der einfachste und bequemste Weg eine derartige Tabelle zu füllen, ist der Shortcode Generator. Du wählst die Produkte aus, die du vergleichen möchtest und folgst den jeweiligen Feldern des Generators. Du kannst unter den globalen Einstellungen die generellen Bezeichnungen der Buttons und Felder bestimmen oder pro Tabelle jeweils eigene Bezeichnungen festlegen. Zudem lassen sich durch die Einbindung von Icons in deine Tabelle benutzerfreundliche und kosmetische Elemente integrieren. Möchtest du ein anderes Template verwenden, kannst du dies am Ende des Generators auswählen. Sobald du dir das Grundgerüst deiner Vergleichstabelle entsprechend zusammengestellt hast, kannst du den generierten Shortcode an beliebiger Stelle deiner Webseite einfügen.

Im Front-End sieht unsere aktuelle Tabelle wie folgt aus:

Zugegeben, die aktuellen Inhalte bringen einem noch nicht gerade viel und enthalten noch nicht genügend Informationen. Deshalb füllen wir die Tabelle im nächsten Schritt mit den entsprechenden Daten und Inhalten.

Vergleichstabelle mit Inhalten füllen

Unsere Produkte haben aktuell noch keine Vergleichswerte. Diese müssen wir vorerst unter „Produkte>Vergleichswerte“ definiert werden. Da erstens nicht alle Daten in den Produkt APIs hinterlegt und schon gar nicht normalisiert sind, macht es Sinn diese jeweils einzeln anzulegen, um so gleiche Eigenschaften zu erhalten.

Vergleichswerte festlegen

Wir legen beispielhaft jeweils ein Wert für die jeweiligen Typen an:

Farbe – Typ: Freitext

Speicher – Typ: Zahl ; Suffix: GB

Durch das Festlegen von Präfixen werden hinter dem entsprechenden Wert immer das Eingegebene hinten angefügt. In unserem Fall nehmen wir GB, da die Speicherkapazität der jeweiligen iPods in Gigabyte (GB) erfasst wird.

Kopfhörer – Typ: Ja/Nein Wert

Display – Typ: Ja/Nein Wert

Ein Ja/Nein Wert wird später nur mit einem Haken oder einem Kreuz dargestellt.

Bewertung – Typ: Sternebewertung

Sternebewertung stellt im Front End die entsprechende Bewertung mit Sternen in 0,5er Schritten dar.

Die jeweiligen Vergleichswerte kannst du so viel Füllen, wie du möchtest. Gerade wenn du viele verschiedene Produkte auf deiner Seite in Vergleichstabellen unterbringen möchtest, musst du auch viele verschiedene Vergleichswerte anlegen. Du musst allerdings nicht jeden Vergleichswert einem Produkt zuweisen. So kannst du z.B. problemlos iPods und Waschmaschinen auf deiner Seite einbinden und diese können jeweils eigene Vergleichswerte besitzen.

Produkte den Vergleichswerten zu ordnen

Im nächsten Schritt wechseln wir zu dem jeweiligen Produkt, welches wir mit den Eigenschaften ausstatten wollen. Hier sind nun neue Produkteigenschaften dazu gekommen, welche wir dem Produkt zuweisen können.

Da wir in unserem Beispiel nur ein Produkttyp haben, weisen wir alle Eigenschaften unserem Produkt zu und erhalten somit neue Eingabefelder für die jeweiligen Werte.

Diese Eingabefelder füllen wir mit den jeweiligen Werten und aktualisieren das Produkt. Diesen Schritt müssen wir bei jedem Produkt, welches in der Vergleichstabelle erscheinen soll, durchführen. Sind alle Daten eingetragen und zugeordnet, sieht die Vergleichstabelle im Frontend wie folgt aus:

Auch bei den Vergleichstabellen möchten wir dich nicht einschränken. Hierfür kannst du die Werte und Inhalte festlegen, die du benötigst. Weiterhin kannst du auch persönliche Tabellen-Templates anlegen und so eine komplett eigene Gestaltung umsetzen.

One thought on “Vergleichstabelle

Comments are closed.