UVP und Ersparnis im Shop anzeigen

Was du bekommst

• UVP: Die unverbindliche Preisempfehlung, die du am Produkt pflegst, als Textzeile auf der Produktseite.
• Ersparnis: Ein Satz wie „Sie sparen 20,00 € im Vergleich zur UVP von 99,00 €“.

Beide erscheinen in deiner Produktseite und übernehmen die Schriften und Farben deines Themes. Sie erscheinen nur, wenn es etwas anzuzeigen gibt. Gibt es keine UVP oder keine Ersparnis, lässt Tarvexa die Zeile ganz weg.

Schritt 1: Funktionen einschalten

Öffne Tarvexa → Preise & Deals und setze die Häkchen bei „UVP-Anzeige“ und „Ersparnis-Anzeige“. Nach der Installation sind beide aus.

Schritt 2: UVP am Produkt eintragen

Im Produkt steht im Reiter „Allgemein“, bei den Preisen, das Feld „UVP“. Trage die Empfehlung so ein, wie du sie dem Kunden zeigen willst, und zwar in der Form, in der dein Shop Preise anzeigt: brutto bei Brutto-Anzeige, netto bei Netto-Anzeige. Tarvexa rechnet die UVP nicht um. Das Feld nennt dir die passende Form. Ist das Feld leer, wird nichts angezeigt. Bei variablen Produkten trägst du die UVP in jeder Variante ein.

Schritt 3: Anzeige in die Produktseite bringen

Welcher Weg passt, hängt von deinem Theme ab. Siehst du im WordPress-Menü unter „Design“ den Punkt „Editor“, hast du ein Block-Theme. Siehst du dort „Customizer“ oder „Widgets“, ist es ein klassisches Theme, zum Beispiel Storefront.

• Block-Theme: Du setzt einen Block mit Block-Bindung in die Produktvorlage (der Abschnitt gleich darunter).
• Klassisches Theme: Tarvexa kann die Zeilen automatisch unter den Preis setzen, oder du platzierst sie selbst per Shortcode (ab Tarvexa 1.2.1, übernächster Abschnitt).

Block-Theme: Block-Bindung

Ein normaler Absatz- oder Überschrift-Block bekommt seinen Text von Tarvexa. Das geht in Block-Themes, im Website-Editor, und bei Produktseiten, die aus Blöcken bestehen.

1. Vorlage öffnenÖffne Design → Editor → Vorlagen → „Einzelnes Produkt“ (oder die Vorlage, die deine Produktseite nutzt).
2. Code-Editor öffnenWechsle über das Menü oben rechts (drei Punkte) → „Code-Editor“.
3. Baustein einfügenFüge an der Stelle, an der der Text stehen soll, diesen Block ein:

<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"tarvexa/uvp","args":{"prefix":"UVP: "}}}}} -->
<p></p>
<!-- /wp:paragraph -->

Für die Ersparnis nimmst du tarvexa/savings statt tarvexa/uvp. Sie braucht keinen Vorsatz:

<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"tarvexa/savings"}}}} -->
<p></p>
<!-- /wp:paragraph -->

1. SpeichernSpeichere die Vorlage und rufe ein Produkt auf, das eine UVP hat.

Je nach WordPress-Version kann der Editor die Quellen „UVP“ und „Ersparnis“ auch in den Einstellungen des Blocks zur Auswahl anbieten. Der Code-Editor funktioniert in jedem Fall.

Klassisches Theme: Automatik oder Shortcode

Gilt ab Tarvexa 1.2.1.

Automatisch: Setze unter Tarvexa → Preise & Deals das Häkchen bei „Automatisch anzeigen (klassische Themes)“. Tarvexa setzt UVP und Ersparnis dann auf der Produktseite direkt unter den Preis. In der Produktliste ändert sich nichts. Nach der Installation ist der Schalter aus. In einem Block-Theme hat er keine Wirkung, damit nichts doppelt erscheint.

Per Shortcode: Wenn du die Stelle selbst bestimmen willst, zum Beispiel in einer Produktbeschreibung, einem Seitenbaukasten oder einer eigenen Vorlage:

Ohne id nimmt Tarvexa das Produkt der aktuellen Seite. Die beiden Funktionen müssen unter Preise & Deals eingeschaltet sein, sonst bleibt der Shortcode leer.

Ab Tarvexa 1.3.2 setzt die Automatik auch die Zeile „Voraussichtliche Lieferung“ darunter, wenn diese Funktion eingeschaltet ist, siehe Lieferdatum im Shop anzeigen.

Der Text vor der UVP in der Automatik ist „UVP: “. Du kannst ihn mit dem Filter tarvexa_auto_uvp_prefix ändern, siehe „Filter und Aktionen“.

Wie die Ersparnis berechnet wird

Tarvexa vergleicht den Preis, den der Kunde zahlt, mit der UVP, sobald die UVP höher ist: „Sie sparen X im Vergleich zur UVP von Y“. Das gilt auch ohne Sale. Ist keine höhere UVP da, vergleicht Tarvexa einen reduzierten Preis mit dem regulären Preis: „Sie sparen X im Vergleich zum regulären Preis von Y“. Gibt es keine Ersparnis, steht nichts da. Die Beträge folgen der Preisanzeige deines Shops (brutto oder netto). Die UVP selbst zeigt Tarvexa so, wie du sie eingetragen hast. Zeigt dein Shop Preise netto an, trage sie deshalb netto ein. Sonst steht ein Brutto-Betrag neben Netto-Preisen, und die Ersparnis fällt zu hoch aus.

Hat ein Produkt einen Deal-Preis und kommt der Besucher über den Deal-Link, rechnet die Ersparnis mit dem Dealpreis.

Variable Produkte

Bei variablen Produkten gehört die UVP zur gewählten Variante. Vor der Auswahl zeigen die Zeilen nichts. Wählt der Kunde eine Variante, tragen sie UVP und Ersparnis dieser Variante ein. Dafür lädt Tarvexa auf der Produktseite ein kleines Skript.

Wenn nichts erscheint

• Sind „UVP-Anzeige“ beziehungsweise „Ersparnis-Anzeige“ unter Preise & Deals eingeschaltet?
• Hat das Produkt (oder die gewählte Variante) eine UVP?
• Liegt die UVP über dem Preis, den der Kunde zahlt? Sonst entfällt die Ersparnis gegenüber der UVP.
• Block-Theme: Steht der Baustein in der Vorlage, die deine Produktseite wirklich nutzt?
• Klassisches Theme: Ist „Automatisch anzeigen (klassische Themes)“ eingeschaltet? Baut dein Theme oder Seitenbaukasten die Produktseite nach eigenem Muster, erscheint die Automatik womöglich nicht. Setze dann den Shortcode an die Stelle, die du willst.
• Bleibt die Automatik leer und du hast ein Block-Theme? Dort ist sie bewusst aus. Nimm die Block-Bindung oder den Shortcode.