Angebotsboxen: Ablauf, Berechtigung und Aktionsregeln

Eine Angebotsbox präsentiert einen zeitlich begrenzten oder konditionalen kommerziellen Vorteil zusammen mit den Regeln, die zu seiner Inanspruchnahme erforderlich sind. Sie gibt dem Käufer den Wert, die Berechtigung, die Frist, die Einlösungsmethode und die nächste Aktion in einer abgegrenzten Einheit; sie erzeugt niemals Dringlichkeit, wo keine echte Einschränkung existiert.

Das dargestellte Angebot ist bewusst vollständig, auch wenn es von seiner Seite entfernt wird: Der Vorteil hat eine Einheit, die Zielgruppe ist explizit, der Code ist Text, die Ausschlüsse sind in der Nähe, die Frist enthält eine Zeitzone und der Link sagt, was als Nächstes passiert. Die Marke, der Code, die Daten und die Beträge sind illustrativ und keine echte laufende AmICited-Aktion.

Warum dieses Element wichtig ist

Ein Angebot verändert den Zeitpunkt oder die Wirtschaftlichkeit einer Entscheidung. Leser stellen daher zwei Fragen gleichzeitig: „Ist das für mich wertvoll?“ und „Kann ich es tatsächlich in Anspruch nehmen?“ Eine Box senkt den Aufwand für die Beantwortung beider Fragen, aber nur, wenn der Vorteil und die Einschränkung gleichermaßen sichtbar sind. Eine große „40 % Rabatt“-Zeile, gefolgt von einer Berechtigung in Kleinstschrift, erregt Aufmerksamkeit, indem sie die Tatsache vorenthält, die darüber entscheidet, ob das Versprechen gilt. Das ist Überzeugung durch Mehrdeutigkeit, nicht nützliche Dringlichkeit.

Echte Dringlichkeit hilft einem Leser, eine Option nicht zu verlieren. Falsche Dringlichkeit setzt einen Leser unter Druck, während dem Verkäufer die Option erhalten bleibt, die Aktion unbegrenzt fortzusetzen. Verwenden Sie niemals „nur heute“, „letzte Chance“, einen zurücksetzenden Countdown oder „nur für kurze Zeit“, es sei denn, eine genehmigte Quelle definiert das echte Ende. Wenn die Aktion verlängert wird, müssen die Quelle, die sichtbare Frist, die Caches und die strukturierten Daten als eine kontrollierte Änderung aktualisiert werden. Das wiederholte Verschieben der Frist lehrt wiederkehrende Besucher, dass der Timer dekorativ ist.

Maschinelle Extrahierbarkeit ist die Fähigkeit eines Crawlers, Shopping-Agenten, einer Suchmaschine oder eines Syndikationssystems, die Beziehungen zwischen dem Angebot, seinem Artikel, der Preisauswirkung, der Berechtigung und der Gültigkeit zu erhalten. „Sparen Sie 40“ ist keine vollständige Tatsache: Die Einheit könnte Währung oder Prozent sein, und die Ersparnis könnte pro Bestellung, pro Artikel oder pro Monat gelten. Ein wohlgeformtes Angebot legt eine stabile Aussage offen, wie „Neukunden sparen USD 40 bei einem jährlichen Growth-Tarif mit dem Code GROW40 bis zum 31. August 2026 um 23:59 Europe/Bratislava.“

Der Ablauf ist Betriebsdaten, nicht nur Text. Wenn ein Publikationssystem die Frist anzeigt, aber den aktiven Status nach deren Überschreiten nicht ändern kann, wird die Seite irgendwann eine falsche Behauptung aufstellen. Das Content-Modell muss dem Renderer vor dem Kampagnenstart einen maschinenlesbaren Zeitstempel und einen sicheren abgelaufenen Zustand geben.

Wann es verwendet werden soll

Verwenden Sie eine Angebotsbox, wenn eine Aktion die normale Transaktion wesentlich verändert und mindestens eine Einschränkung gilt: eine Start- oder Endzeit, eine berechtigte Zielgruppe, einen Mindestbestellwert, eine Produkt- oder Tarifbeschränkung, eine geografische Grenze, eine Einlösungsobergrenze oder eine Gutscheinanforderung. Häufige Anwendungen sind ein saisonaler Rabatt, eine Guthaben für Erstbestellungen, kostenloser Versand ab einem Schwellenwert, ein Bonusartikel bei einem qualifizierenden Kauf oder ein temporäres Upgrade für Bestandskunden.

Verwenden Sie es nur, wenn der Leser das Angebot von dieser Seite aus nutzen kann oder genau versteht, wo die Einlösung erfolgt. Eine redaktionelle Erwähnung, dass „der Anbieter manchmal Aktionen durchführt“, ist kein Angebot. Ein Standardpreis, der allen auf unbestimmte Zeit zur Verfügung steht, ist normale kommerzielle Information und gehört in eine Preistabelle oder eine Produktpreiszeile.

Häufige Grenzfälle sind:

• Ein dauerhafter „Neukunden-Rabatt“ kann konditional sein, ohne zeitlich begrenzt zu sein. Er benötigt dennoch die qualifizierende Definition, Ausschlüsse und das Prüfdatum, darf aber nicht „beeilen Sie sich“ sagen.
• Eine kostenlose Testversion, die Teil des normalen Produkts ist, ist eine Tarifbedingung, kein Deal, es sei denn, eine Kampagne ändert vorübergehend ihre Dauer oder ihren Umfang.
• Ein Affiliate-Gutschein gehört nur dann in eine Angebotsbox, wenn der Herausgeber die aktuellen Bedingungen überprüft und die kommerzielle Beziehung in der Nähe klar offenlegt hat.
• Ein Produkt, das lediglich auf Lager ist, ist eine Verfügbarkeit, kein Angebot. Machen Sie aus dem Lagerbestand keine Dringlichkeit, es sei denn, der Bestand ist tatsächlich begrenzt und die Mengenangabe stammt aus einer Live-Quelle.
• Eine allgemeine „Demo buchen“-Einladung ist ein CTA-Block , kein Angebot. Das Hinzufügen einer kostenlosen Beratung macht noch keinen Deal aus, wenn diese Beratung immer inklusive ist.

Die Element-Schreibregeln haben Vorrang: Wählen Sie den Block nach seinem Zweck aus, nicht nach seiner Umrandung, Farbe, Überschrift oder Marketingbezeichnung. Wenn der Zweck darin besteht, einen abgegrenzten kommerziellen Anreiz zu kommunizieren, verwenden Sie das Angebotselement, selbst wenn das Design einem Hinweis oder CTA ähnelt.

Wo es platziert werden soll

Platzieren Sie die Box, nachdem der Leser das Produkt, die Dienstleistung oder den Tarif identifizieren kann, auf den sie sich bezieht, und vor der normalen Kaufaktion. Auf einer Produktseite bedeutet das in der Regel neben oder direkt unter dem Preis und dem Variantenwähler. Auf einer Preisseite platzieren Sie sie direkt über der Aktion des berechtigten Tarifs oder unter der Tabelle mit einer expliziten Liste der betroffenen Tarife. In einer redaktionellen Kaufberatung oder Bewertung platzieren Sie sie nach der Bewertung der relevanten Option, nicht vor den Nachweisen, die die Empfehlung rechtfertigen.

Halten Sie Angebotsname, Vorteil, Berechtigung, Frist, Ausschlüsse, Code und Aktion in einer Leseeinheit. Bedingungen, die die Berechtigung ändern, können in einer längeren Offenlegung geöffnet werden, aber die entscheidenden Bedingungen dürfen dort nicht versteckt sein. Ein Leser darf nicht einem Link folgen müssen, um einen Mindestbestellwert, einen ausgeschlossenen Tarif, eine automatische Verlängerung, eine geografische Beschränkung oder eine Einlösungsobergrenze zu entdecken.

Platzieren Sie eine Angebotsbox nicht neben einer anderen Aktion, einem widersprüchlichen Standardpreis, einer Warnung zu Sicherheit oder Eignung oder einem Formular, das eine andere Aktion verlangt. Setzen Sie sie nicht zwischen einen Produktnamen und den Preis, den sie modifiziert. Halten Sie sie fern von Checkout-Fehlerbereichen, wo Dringlichkeit mit Zahlungs- oder Validierungsmeldungen konkurrieren kann. Ein Viewport sollte nicht zwei Countdowns oder zwei gleich dominante Einlösungsaktionen enthalten.

Auf Mobilgeräten halten Sie diese Reihenfolge ein: Vorteil, Artikel, Berechtigung, Frist, Code, wesentliche Ausschlüsse, dann Aktion. Ein klebriges Angebot kann eine bereits gesehene Box zusammenfassen, darf aber keine Inhalte verstecken, seinen Timer zurücksetzen oder der einzige Ort sein, an dem Bedingungen erscheinen.

Anatomie

1. Statuslabel: zeigt geplant, aktiv oder abgelaufen basierend auf den Zeitstempeln an; es verwendet keine vage Dringlichkeit.
2. Vorteil: gibt die genaue Ersparnis oder den Mehrwert mit Währung, Prozentsatz, Menge oder Versandbedingung an.
3. Berechtigter Artikel: verwendet den offiziellen Produkt-, Kategorie-, Dienstleistungs- oder Tarifnamen.
4. Berechtigung: definiert, wer und was qualifiziert ist, einschließlich Region, Kundenstatus, Mindestbestellwert und Einlösungsobergrenze.
5. Gültigkeitsfenster: zeigt den Start, sofern relevant, und das genaue Ende mit Datum, Uhrzeit und IANA-Zeitzone.
6. Einlösungsmethode: gibt einen sichtbaren Gutscheincode, eine automatische Rabattaussage oder eine präzise Anweisung an.
7. Wesentliche Ausschlüsse: hält entscheidungsrelevante Grenzen in der Box; eine längere Bedingungsseite kann rechtliche Details liefern, darf sie aber nicht umkehren.
8. Aktion: benennt den nächsten Transaktionsschritt und führt zu einer Seite, die das Angebot einhält.
9. Prüfdatum: gibt an, wann das Angebot überprüft wurde und welche genehmigte Kampagnenquelle es besitzt.
10. Abgelaufener Zustand: ersetzt oder entfernt die aktive Aktion zum Ablaufzeitpunkt und verhindert veraltete strukturierte Daten.

Designbeispiele

Alle Varianten verwenden denselben Vertrag. Der visuelle Unterschied spiegelt wider, wie der Vorteil berechnet wird, und ist keine Erlaubnis, Bedingungen wegzulassen.

Betrags- oder Prozentrabatt: verwenden für „20 % Rabatt“ oder „Sparen Sie USD 40.“ Geben Sie die Berechnungsgrundlage an. Wenn ein vorheriger Preis erscheint, muss es sich um den echten Vergleichspreis handeln, der für diesen Markt genehmigt wurde, nicht um einen aufgeblähten Ankerpreis.

Kostenloser Versand: nennen Sie den Mindestwarenkorb, das Ziel, den Versanddienst und ausgeschlossene Gebühren. „Kostenlose Lieferung ab USD 75 in den angrenzenden USA per Standard-Bodentransport“ ist extrahierbar; „Versand auf uns“ ist es nicht.

Bundle oder Geschenk: identifizieren Sie den qualifizierenden Kauf und den genauen enthaltenen Artikel oder Dienst. Geben Sie an, ob der Bonus automatisch hinzugefügt wird und was passiert, wenn er nicht verfügbar ist.

Zielgruppen-konditionales Angebot: verwenden für eine verifizierte Gruppe wie Studenten, gemeinnützige Organisationen oder Erstkunden. Erklären Sie, wie der Status überprüft wird, und vermeiden Sie ein Ablaufdatum, es sei denn, das Programm hat tatsächlich eines.

Geplante und abgelaufene Zustände: geplante Inhalte zeigen, wann das Angebot beginnt, ohne eine aktive Einlösungsmöglichkeit. Abgelaufene Inhalte sagen, dass das Angebot beendet ist, und können auf Standardpreise verlinken; sie dürfen keinen funktionierenden Gutschein-Button behalten oder implizieren, dass die alten Bedingungen noch verfügbar sind.

Parameter

„Quelle“ bedeutet unten, woher der Renderer ein Feld bezieht. Sie ersetzt nicht den genehmigten Kampagnendatensatz, der zur Überprüfung des Anspruchs verwendet wird.

Mindestens eine Einschränkung ist verpflichtend: expiresAt oder eligibility. Ein zeitgebundenes Angebot ohne expiresAt ist ungültig. Der Offset in expiresAt steuert Zustandsänderungen; timezone liefert die menschenlesbare Zone. Verlassen Sie sich nicht auf einen reinen Datumswert, da Leser in verschiedenen Zeitzonen unterschiedliche effektive Fristen sehen können.

Syntax und Codebeispiele

Die portable Direktive ist der erstellte Vertrag. Hugo und WordPress bilden dieselben Felder ab; sie erzeugen keine neuen kommerziellen Bedeutungen.

Portable Markdown-Direktive

:::offer-box{variant=discount benefit="Save USD 40" item="Annual Growth plan" startsAt="2026-08-27T00:00:00+02:00" expiresAt="2026-08-31T23:59:00+02:00" timezone="Europe/Bratislava" code=GROW40 redemption=code ctaText="Choose an annual plan" ctaUrl="https://example.com/checkout/growth" verified=2026-08-27 expiredBehavior=replace}
## Save USD 40 on an annual Growth plan

Eligibility: New customers; one redemption per account.

Terms: Not valid with another discount. Code must be entered at checkout.

Campaign source: Growth annual launch, revision 2026-08-27.

Expired text: This offer ended on 31 August 2026.
:::

Die erste Überschrift wird auf title abgebildet. Beschriftete Textkörperzeilen werden auf Berechtigung, Bedingungen, Kampagnenquelle und abgelaufenen Text abgebildet. Der sichtbare Renderer sollte das Datum lokalisieren, während er den genauen maschinenlesbaren Zeitstempel beibehält.

Hugo-Shortcode

In diesem Repository existiert noch kein offer-box-Shortcode. Der vorgesehene Adapter verwendet nur benannte Parameter und sollte als geprüfte Komponente implementiert werden, bevor Produktionsinhalte ihn aufrufen:

{{< offer-box
  variant="discount"
  benefit="Save USD 40"
  item="Annual Growth plan"
  expiresAt="2026-08-31T23:59:00+02:00"
  timezone="Europe/Bratislava"
  code="GROW40"
  redemption="code"
  ctaText="Choose an annual plan"
  ctaUrl="https://example.com/checkout/growth"
  verified="2026-08-27"
  expiredBehavior="replace"
>}}

Das Beispiel ist escaped, damit Hugo keinen nicht existierenden Shortcode aufruft. Wenn der Adapter gebaut ist, muss er den Status serverseitig berechnen und den clientseitigen Ablauf unterstützen, ohne für die wesentlichen Bedingungen auf JavaScript angewiesen zu sein. Cache-Invalidierung oder geplante Veröffentlichung müssen sicherstellen, dass die serverseitig gerenderte Seite sich ebenfalls nach der Frist ändert.

WordPress

<!-- wp:amicited/offer-box {"variant":"discount","benefit":"Save USD 40","item":"Annual Growth plan","expiresAt":"2026-08-31T23:59:00+02:00","timezone":"Europe/Bratislava","code":"GROW40","redemption":"code","ctaText":"Choose an annual plan","ctaUrl":"https://example.com/checkout/growth","verified":"2026-08-27","expiredBehavior":"replace"} -->
<div class="wp-block-amicited-offer-box">
  <h2>Save USD 40 on an annual Growth plan</h2>
  <p>New customers; one redemption per account. Not valid with another discount.</p>
  <p>Use code <strong>GROW40</strong>. Ends 31 August 2026 at 23:59 Europe/Bratislava.</p>
</div>
<!-- /wp:amicited/offer-box -->

Der WordPress-Block speichert getypte Attribute und sichtbaren Text gemeinsam. Sein Editor sollte ein fehlendes Ablaufdatum bei zeitgebundener Sprache kennzeichnen und die Vorschau der aktiven, geplanten und abgelaufenen Zustände ermöglichen.

Beispiele

Gut

Kostenloser Standardversand bei Bestellungen ab USD 75
Verfügbar für Lieferadressen in den angrenzenden Vereinigten Staaten. Zuschläge für Übergrößen gelten weiterhin. Der Rabatt wird automatisch an der Kasse gewährt. Überprüft am 27. August 2026.

Dies ist gut, weil es den Vorteil, den Warenkorb-Schwellenwert, die berechtigte Geografie, die Serviceebene, die Ausnahme, das Einlösungsverhalten und das Prüfdatum nennt. Es ist eine dauerhafte konditionale Regel, daher erfindet es kein Ablaufdatum oder keine Dringlichkeitsphrase.

Schlecht

Beeilen Sie sich – kostenloser Versand, nur für kurze Zeit!
Es gelten einige Einschränkungen. Jetzt einkaufen, bevor es weg ist.

Dies ist schlecht, weil „nur für kurze Zeit“ keine Frist hat, „kostenloser Versand“ keine Region, keinen Schwellenwert, keine Methode und keine Ausschlüsse hat, und die Aktion liefert Druck statt Transaktionsdetails. Ein Crawler kann nicht feststellen, wer qualifiziert ist, und ein Leser kann die endgültigen Kosten erst an der Kasse erfahren.

Schema-Markup und Barrierefreiheit

Eine Angebotsbox erzeugt von sich aus kein Schema. Wenn die Seite tatsächlich ein identifiziertes Produkt oder eine Dienstleistung anbietet, können ihre überprüften Fakten ein Schema.org Offer unter diesem Produkt oder dieser Dienstleistung speisen: price, priceCurrency, availability, url, seller und priceValidUntil, wenn ein angezeigter Preis tatsächlich an diesem Datum endet. itemOffered kann ein eigenständiges Angebot mit seinem Subjekt verbinden. Verwenden Sie AggregateOffer nur für eine echte Menge von Angeboten, nicht für einen Deal mit mehreren Bedingungen.

Strukturierte Daten müssen mit dem sichtbaren Inhalt und dem Commerce-System übereinstimmen. Kodieren Sie den rabattierten Preis nicht als aktiven Preis, wandeln Sie einen Prozent-Gutschein nicht in einen erfundenen numerischen Preis um und behalten Sie priceValidUntil nicht bei, nachdem der sichtbare Deal abgelaufen ist. Das discountCode-Attribut von Schema.org gehört zu Order, also hängen Sie einen Gutscheincode nicht nur deshalb an Offer an, weil der Name passend klingt. Behalten Sie den Code im sichtbaren Inhalt und in den Transaktionsdaten der Plattform, es sei denn, ein unterstütztes Vokabular und ein Consumer erfordern eine andere Zuordnung.

Für die Barrierefreiheit verwenden Sie ein <aside> oder eine beschriftete Region, wenn das Angebot ergänzend ist; verwenden Sie einen normalen Abschnitt, wenn es der primäre Inhalt der Seite ist. Behalten Sie die Überschrift in der Dokumentenhierarchie. Vermitteln Sie den aktiven, geplanten oder abgelaufenen Status nicht nur durch Farbe. Geben Sie ein Kopier-Code-Ergebnis über eine höfliche Live-Region bekannt, halten Sie den Code als Text auswählbar und geben Sie dem Kopier-Steuerelement eine Bezeichnung wie „Code GROW40 kopieren.“

Ein Countdown darf nicht jede Sekunde in einer Live-Region aktualisiert werden; das würde Screenreader-Nutzer wiederholt unterbrechen. Zeigen Sie eine statische genaue Frist als Quelle der Wahrheit an. Wenn ein grober Countdown nützlich ist, verbergen Sie sich wiederholende Timer-Änderungen vor assistiven Technologien und geben Sie nur bedeutungsvolle Übergänge bekannt, wie „Angebot ist beendet.“ Der Tastaturfokus darf nicht springen oder verschwinden, wenn der aktive CTA bei Ablauf ersetzt wird.

Schreibregeln

Erklären Sie die Einschränkung, denn sie entscheidet, ob der Vorteil für diesen Leser real ist; fügen Sie erst dann Dringlichkeit hinzu. Wenden Sie diese Produktionsgrenzen an:

• Halten Sie den Titel auf 4–12 Wörter und die Vorteilszeile auf 80 Zeichen. Setzen Sie den Betrag, Prozentsatz, das Geschenk oder den Versandvorteil vor kampagnensprachliche Wortspiele.
• Verwenden Sie ein Angebot pro Box, eine primäre Aktion und nicht mehr als fünf wesentliche Bedingungspunkte. Teilen Sie nicht verwandte Aktionen auf, anstatt sie mit „und“ zu verbinden.
• Geben Sie Prozentrabatte als Zahl plus % an; geben Sie Geldvorteile mit einem ISO-Währungscode an, wenn Leser mehr als einen Markt sehen können.
• Nennen Sie das qualifizierende Produkt, den Tarif, den Bestellwert, die Region und die Zielgruppe in wörtlicher Sprache. „Ausgewählte Artikel“ ist nur akzeptabel, wenn die Box auf eine vollständige berechtigte Kollektion verlinkt.
• Schreiben Sie eine genaue Frist als Tag, Monat, Jahr, Uhrzeit und IANA-Zeitzone. Vermeiden Sie „Mitternacht“, was mehrdeutig den Beginn oder das Ende eines Datums bedeuten kann.
• Geben Sie an, ob die Einlösung automatisch, codebasiert oder anforderungsbasiert ist. Der Leser darf den Mechanismus nicht erst nach dem Klicken entdecken müssen.
• Behalten Sie Ausschlüsse, die Preis oder Berechtigung ändern, innerhalb der Box. Vergraben Sie Mindestbestellwert, Verlängerung, Steuern, Gebühren, geografische Grenzen oder ausgeschlossene Varianten nicht auf einer entfernten Bedingungsseite.
• Verwenden Sie sachliche, ruhige Sprache. Verwenden Sie niemals einen zurücksetzenden Timer, einen gefälschten Lagerbestand, eine nicht belegte „wird schnell verkauft“-Behauptung oder ein dauerhaftes „nur für kurze Zeit“-Label.
• Setzen Sie keine Testimonials, Bewertungen, nicht verwandte Produktvorteile, Navigationslisten, rechtliche Prosa oder eine zweite Aktion in die Box.
• Überprüfen Sie die Quelle, die Zielseite, den Gutschein, den Start, den Ablauf und den abgelaufenen Zustand vor der Veröffentlichung. Ein gültig aussehender Code, der an der Kasse fehlschlägt, ist immer noch ein defektes Angebot.

Beitragstypen, die es verwenden

Das postTypes-Frontmatter-Array ist die Quelle der Wahrheit für diese Matrix. Templates und QA-Tools sollten die Tabelle mit diesem Array abgleichen, anstatt eine separate versteckte Liste zu führen.

QA-Checkliste

• Die Box repräsentiert eine echte Aktion mit einer genehmigten Kampagnenquelle.
• Der Vorteil enthält seine Einheit, Berechnungsgrundlage und den berechtigten Artikel.
• Zeitgebundene Sprache hat einen genauen expiresAt-Zeitstempel, angezeigtes Datum, Uhrzeit und Zone.
• Ein nicht ablaufendes Angebot ist konditional und enthält keine falsche Knappheitssprache.
• Zielgruppe, Region, Mindestbestellwert, Produkteinschränkungen, Einlösungsobergrenzen und wesentliche Ausschlüsse sind sichtbar, wo zutreffend.
• Der Code ist auswählbarer Text, die Einlösungsmethode ist angegeben und das Ziel hält das Angebot ein.
• Geplante, aktive und abgelaufene Zustände wurden auf beiden Seiten ihrer genauen Grenzen getestet.
• Der Ablauf entfernt die aktive Einlösungsaktion und aktualisiert gecachte Ausgabe und strukturierte Daten.
• Die serverseitig gerenderte Seite bleibt wahrheitsgemäß, wenn JavaScript nicht verfügbar ist.
• Die Überschriftenreihenfolge, der Tastaturpfad, das Fokusverhalten, die Statuslabels und die Kopier-Code-Rückmeldung sind barrierefrei.
• Strukturierte Daten beschreiben ein echtes sichtbares Produkt- oder Dienstleistungsangebot und stimmen mit Preis, Währung, URL, Verfügbarkeit und Gültigkeit überein.
• Kein Countdown setzt zurück, keine nicht belegte Knappheit erscheint und die Kampagne ist kein dauerhaftes „nur für kurze Zeit“-Angebot geworden.
• Das Prüfdatum und der betriebliche Verantwortliche werden für Aktualisierung und Incident-Handling aufgezeichnet.
• Das mobile Layout behält Vorteil, Bedingungen, Frist, Code und Aktion in logischer Lesereihenfolge.

FAQ

Die häufig gestellten Fragen unten decken die Anforderungen an Fristen, Ablaufverhalten, Dringlichkeitsformulierungen, Gutscheinpräsentation und die Grenzen von Offer-Structured-Data ab.