Funktionen · Für Redakteure
Vorlagen und Darstellung
Die Boxen passen sich deiner Seite an, nicht umgekehrt. Kleine Änderungen machst du in den Einstellungen mit Vorschau, eigene Boxen im Template-Editor – Links, Tracking und Pflichtangaben bleiben dabei immer richtig.
In allen Tarifen
Das kann es
- Button-Größe, Eckenradius, Hover- und Badge-Farben mit Vorschau
- Eigenes CSS und CSS-Variablen
- Template-Editor mit Platzhaltern, Code-Editor und Live-Vorschau
- Kein PHP; Pflichtangaben ergänzt das Plugin immer
- AMP: alle Boxen serverseitig, ohne JavaScript
Aussehen einstellen
Unter „Einstellungen“ → „Darstellung“ wählst du Button-Größe (klein, mittel, groß), Eckenradius, die Button-Farbe beim Überfahren und je eine Farbe für „Testsieger“-Badges, „Preis-Leistung“-Badges und alle übrigen. Die Vorschau darunter zeigt Beispielprodukte mit deinen Werten, bevor du speicherst. Textfarben wählt das Plugin so, dass der Kontrast reicht.
Für mehr gibt es „Eigenes CSS“ – nur für Administratoren, die CSS bearbeiten dürfen. Am einfachsten setzt du die CSS-Variablen auf .acp. Das CSS lädt nur auf Seiten mit affilinode-Ausgabe.
Eigene Vorlagen
Unter „affilinode“ → „Vorlagen“ gestaltest du eigene Produktboxen, Karten und Listeneinträge in HTML mit Platzhaltern wie {{title}}, {{price}} oder {{{button}}}. Neben dem Editor stehen alle Platzhalter zum Anklicken, Fehler erscheinen mit Zeilennummer, und die Vorschau zeigt Beispielprodukte, während du tippst.
Links zum Shop gibt es nur über {{{button}}} oder {{{link_attrs}}} – so bleiben Tracking-ID, Sub-IDs, /go/-Weiterleitungen und Klick-Tracking immer intakt. Jeder Link bekommt rel="sponsored nofollow". Lässt eine Vorlage Hinweis, Preisstand oder Datenquellen weg, hängt das Plugin sie unten an.
Vorlagen lassen sich einzeln oder gesammelt als JSON exportieren und importieren und sind Teil des Einstellungs-Exports.
AMP-Seiten
Auf AMP-Seiten des offiziellen AMP-Plugins und von „AMP for WP“ gibt das Plugin jede Box auf dem Server aus und lädt kein JavaScript. Die Styles kommen als kompakte AMP-Fassung, nur für die Boxen der Seite. Einstellen musst du dafür nichts.
Interaktive Boxen funktionieren dort als Formulare: Produktsuche, Produktberater und Kompatibilitäts-Check laden die Seite mit dem Ergebnis neu. Karussells werden zu einer Reihe zum Wischen.
Beispiele
Eigene Vorlage verwenden
[affilinode_product id="…" template="custom:meine-box"]Bedingung in einer Vorlage
{{#if purchasable}}{{{price_html}}}{{else}}{{status}}{{/if}}Aussehen über CSS-Variablen
.acp{--acp-radius:4px;--acp-btn-h:48px}Gut zu wissen
- Vorlagen enthalten kein PHP und kein eval; Werte werden automatisch escaped. Beliebiges HTML dürfen nur Administratoren mit dem Recht unfiltered_html verwenden.
- Grenzen: 30 000 Zeichen je Vorlage, 8 Ebenen Verschachtelung, 50 Vorlagen je Website.
- Auf AMP-Seiten zeigen Vorlagen mit eigenem Script, Style, Bildern oder Formularelementen die eingebaute Darstellung. Klick-Tracking, Klickstatistik und A/B-Test zählen auf AMP-Seiten nicht.
- Die Mini-Karte an Textlinks hat eine feste Darstellung und lässt sich nicht mit einer Vorlage gestalten.
Welche Shops du nutzen kannst, hängt vom Tarif ab.
Anleitung im Hilfe-Center: eigene-vorlagen, amp, plugin-einstellungen
Passt dazu
Selbst ausprobieren
14 Tage im vollen Umfang, ohne Zahlungsdaten. Danach läuft dein Konto in der kostenlosen Basis-Version weiter.