Generic selectors
Nur exakte Treffer
Suche im Titel
Suche im Inhalt
Post Type Selectors
Inhaltsverzeichnis anzeigen

Vergleichstabelle für Affiliate Produkte erstellen

Unser WordPress Plugin bietet Ihnen eine responsive Vergleichstabelle an. Mit dieser Erweiterung können Sie ganz einfach einen Vergleich für Ihre Affiliate-Produkte erstellen. In diesem Artikel erfahren Sie, wie Sie eine solche Tabelle erstellen können.

Dieses Feature is als Erweiterung abgebildet und kann unter Add-Ons heruntergeladen werden.

Anschließend können Sie die ZIP-Datei direkt bei WordPress als Plugin hochladen und installieren. Vergessen Sie nicht, die Erweiterung unter Lizenzen zu aktivieren.

Automatische Vergleichstabelle

Es kommt bereits eine automatische Vergleichstabelle geliefert. Mit dieser kann ein simpler Vergleich erstellt werden. Dabei werden Standard-Felder angezeigt.

Dieser Shortcode erzeugt die folgende Tabelle:

[atkp template='comparetable' ids=''][/atkp]

Diese Tabelle kann man ein über die Einstellungen anpassen. Dazu geht man unter Einstellungen -> Vergleichstabelle.

1) Maximale Anzahl an Produkten

Hier kann man die maximale Anzahl an Produkten welche nebeneinander erscheinen sollen, angeben. Beeinhaltet die Liste mehr Produkte als diese Zahl, werden diese einfach nicht angezeigt.

2) Preisposition angeben

Hiermit kann man steuern wo der Preis in der Vergleichstabelle angezeigt werden kann. Standardmäßig wird dieser oben und unten angezeigt.

3) Testsiegel anzeigen

Das Testsiegel ist das graue Siegel im Screenshot oben mit dem Testergebnis.

4) Produkt-Button anzeigen

Hierbei handelt es sich um den "View Product" Button im Screenshot oben.

5) Primärer Button anzeigen

Der primäre Button führt meist zum Produkt selbst. Kann aber über die Einstellungen auch zu einem anderen Ziel konfiguriert werden.

6) Weitere Angebote anzeigen

Hierbei handelt es sich um die Letzte Zeile in der Vergleichstabelle. Sofern die Option global aktiv ist, werden hier weitere Angebote angezeigt.

Man findet diese Optionen in den Anzeigeeinstellungen unter "Weitere Angebote":

7) Hersteller anzeigen

Zeigt den Hersteller an, sofern dieser vorhanden ist.

8) Verfügbarkeit anzeigen

Zeigt die Verfügbarkeit an, sofern die Verfügbarkeit vorhanden ist.

9) Leere Zeilen ausblenden

Verwendet man benutzerdefinierte Feldgruppen und der Wert einer Zeile ist für alle Produkte leer, wird diese Zeile automatisch ausgeblendet.

10) Horizontal Scrollbars (am Desktop)

Wenn man die max. Seitenbreite erreicht, wird am automatisch eine Scrollbar eingeblendet.

11) Kopfspalte ausblenden (am Desktop)

Damit werden am Destkop die Spaltenbeschreibungen ausgeblendet.

Benutzerdefinierte Felder

Legt man in den Feldgruppen eigene Felder an und verknüpft diese mit den Produkten kann man diese Felder auch automatisch anzeigen lassen.

Hierzu haben wir hier einfach zwei Felder in der Feldgruppe angelegt und anschließend der Produktkategorie zugewiesen. Wird diese Produktkategorie nun auch dem Produkt zugewiesen kann man die Daten in den Feldern beim Produkt erfassen.

In der Vergleichstabelle werden diese Daten anschließend angezeigt:

Eigene Vergleichstabelle

Möchte man mehr Kontrolle über die Vergleichstabelle, kann man auch eine eigene anlegen. Sobald man die Erweiterung für Responsive Vergleichstabelle installiert hat, kann man in den Systemvorlagen die bestehende duplizieren.

Anschließend wird man direkt zum neuen Template weitergeleitet. Hier hat man nun neben einer Vorschau auch unzählige Einstellmöglichkeiten.

Wichtig: Es handelt sich nur um die Vorlage. Hier werden keine Daten eingegeben.

1) Bezeichnung

Dabei handelt es sich um die Spaltenbezeichnung welche im Kopf angezeigt wird.

2) Beschreibung

Diese Beschreibung wird angezeigt, sobald der User mit der Maus über die Bezeichnung fährt. Es wird als Tooltip angezeigt.

3) Ansicht

Hiermit kann man steuern, ob diese Zeile in der "Desktop"-Vergleichstabelle geladen wird oder ob diese Zeile in der mobilen Tabelle geladen wird. Wählt man "Desktop und Mobil" wird es in beiden Fällen angezeigt.

4) Ausrichtung

Dabei handelt es sich um die Ausrichtung des Wertes in der Spalte.

5) CSS-Klasse

Man kann natürlich auch eine eigene CSS-Klass definieren welche dann auf die Zelle angewendet wird.

6) Detail

In diesem Feld trägt man die Platzhalter ein. Zum Beispiel %title% für den Titel. Man kann davor und danach sein eigenes HTML definieren.

Trägt man den folgenden Wert in dieses Feld ein, werden die benutzerdefinierten Felder aus den Feldgruppen an dieser Stelle geladen.

<!-AUTOROW->

7) Anzeigetyp

Hiermit wird gesteuert ob die Tabelle umschalten soll.

  • Desktop: Wählt man hier "Desktop" wird immer die Vergleichstabelle angezeigt.
  • Mobil: Es wird nur das mobile Template angezeigt und keine Vergleichstabelle.
  • Desktop und Mobil: Je nach Bildschirmbreite wird nun bei Desktop die Vergleichstabelle angezeigt und bei Mobil die abgespeckte Ansicht.

8) Maximale Produkte am Desktop

Hier kann man die maximale Anzahl an Produkten welche nebeneinander erscheinen sollen, angeben. Beeinhaltet die Liste mehr Produkte als diese Zahl, werden diese einfach nicht angezeigt.

9) Maximale Produkte Mobil

Hier kann man die maximale Anzahl an Produkten welche untereinander erscheinen sollen, angeben.

10) Horizontal Scrollbars (am Desktop)

Wenn man die max. Seitenbreite erreicht, wird am automatisch eine Scrollbar eingeblendet.

11) Kopfspalte ausblenden (am Desktop)

Damit werden am Destkop die Spaltenbeschreibungen ausgeblendet.

12) Feldgruppen als Gruppen interpretieren

Mit dieser Option werden anstatt einer Auflistung der Vergleichswerte auch noch die Werte in Gruppen eingeteilt. Dies ist z.b. empfehlenswert wenn man viele Vergleichswerte hat und diese strukturiert darstellen möchte.

In den Feldgruppen kann man das hier definieren:

13) Mobiles Template

Das mobile Template wird als abgespeckte Tabelle untereinander dargestellt.

Aktualisiert: 16. Februar 2023
Sie verwenden affiliate-toolkit noch nicht?
Die Einrichtung dauert weniger als 5 Minuten und schon können Sie die ersten Produkte importieren!
Erfahren Sie mehr über die PaketeKostenlose Version herunterladen
Brauchen Sie noch Hilfe?
Ihre Frage einreichen
Bitte geben Sie uns die Details, unser Support-Team wird sich mit Ihnen in Verbindung setzen.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram