Die Bestellung ist abgeschlossen. Die nächste noch nicht.

Ein LUMÉ-Demoshop, fünf Bildschirme, zwei Akte — der Gutschein wird auf den ersten vier Bildschirmen verdient und auf dem fünften eingelöst — und die Preise stammen aus dem Katalog. Auf den ersten drei Bildschirmen ist nichts davon SalesMax, und genau das ist die Vorführung und kein Vorspann dazu: 8theme schreiben selbst, dass dieser Booster direkt aktiv wird, nachdem ein Kunde eine Bestellung aufgegeben hat, es gibt also bis zur aufgegebenen Bestellung nichts davon zu zeichnen. Der erste Bildschirm ist eine Produktseite. Quer oben steht ein Kopfbereich mit LUMÉ, dann Neu, Shop und Sale, dann ein Zähler mit Warenkorb $62.40, dann ein Warenkorb-Symbol mit einem Badge, das 2 zeigt — der Warenkorb enthält bereits zwei Canvas-Tragetaschen, und wann oder woher sie hineinkamen, behauptet diese Seite nicht, weil keine Quelle es sagt. Unter dem Kopfbereich steht ein Breadcrumb: Shop, Oberbekleidung, Jeansjacke. Darunter links eine große Produktkachel und drei leere Vorschaubilder; rechts der Name Jeansjacke, der Preis $79.00, ein grauer Balken, wo eine Sternebewertung stünde, zwei graue Balken Beschreibungstext, ein Mengenwähler, der 1 zeigt, und ein dunkler Button mit In den Warenkorb. Unter der Kaufzeile ist der Rest der Produktseite als graues Gerüst angedeutet: eine Tab-Leiste, deren offener Tab Beschreibung lautet — der eigene Tab-Name des WooCommerce-Kerns — neben zwei grauen Balken, wo seine Nachbarn stünden, fünf graue Textzeilen darunter und ein Bereich für ähnliche Produkte, gezeichnet als graue Überschriftsleiste über drei leeren Kacheln mit je zwei grauen Zeilen. Nichts in dieser Skizze nennt ein Produkt, eine Bewertung oder eine Zahl. Ein Zeiger tritt ein, steigt zu In den Warenkorb und drückt ihn. Der Zähler wird zu Warenkorb $141.40 und das Badge zeigt 3 — $62.40 plus die $79.00 der Jacke. Beide Stände standen bereits in der Seite und eine Klasse hat zwischen ihnen gewählt; kein Skript hat eine Zahl geschrieben, und bei keiner Zeichnung wurde ein Event ausgelöst — das Drücken ruft direkt eine Funktion auf dieser Seite auf. Der zweite Bildschirm ist der Warenkorb, und die Bestellung ist darauf vollständig. Der Kopfbereich zeigt jetzt Warenkorb $141.40 mit einem Badge von 3. Darunter steht ein dreistufiger Breadcrumb mit leuchtender erster Stufe: 1 Warenkorb, 2 Kasse, 3 Bestellung abgeschlossen. Die Tabelle ist überschrieben mit Produkt, Menge, Zwischensumme, und eine Spalte für den Stückpreis gibt es nicht. Die erste Zeile ist Jeansjacke, Art.-Nr. LM-JK-01 · $79.00, Menge 1, Zwischensumme $79.00. Die zweite ist Canvas-Tragetasche, Art.-Nr. LM-TO-03, ausgezeichnet mit durchgestrichenen $39.00 und geltenden $31.20, Menge 2, Zwischensumme $62.40; neben diesem Preis steht eine kleine graue Regel: minus 20%, Regel von LUMÉ. Diese zwanzig Prozent gehören dem Shop und nicht dem Plugin, genau das sagt die Regel, und es ist dieselbe Zuschreibung, die die Seite zu den Warenkorb-Add-ons für dieselbe Tasche macht. Zwei Einheiten der Tasche zu $31.20 sind $62.40, und $79.00 plus $62.40 sind $141.40, und genau das steht im Summenfeld neben der Tabelle: Warenkorb-Summen, Zwischensumme $141.40, Versand wird an der Kasse berechnet, Gesamt $141.40, und ein dunkler Button mit Weiter zur Kasse. Unter der Tabelle ist ein Cross-Sell-Bereich als dasselbe graue Gerüst angedeutet — eine graue Überschriftsleiste über drei leeren Produktkarten — und nennt nichts. Drei Einheiten im Warenkorb, und das Badge zeigt 3. Der Zeiger fährt zu Weiter zur Kasse und drückt ihn. Der dritte Bildschirm ist die Kasse. Der Zähler im Kopfbereich sagt jetzt Bestellung statt Warenkorb, weiter $141.40, weiter ein Badge von 3. Die zweite Stufe des Breadcrumbs leuchtet. Über dem Formular stehen zwei der eigenen Hinweise von WooCommerce: Bereits Kunde?, Klicke hier, um dich anzumelden, und Gutschein vorhanden?, Klicke hier, um deinen Code einzugeben. Keiner wird gedrückt, und der zweite kann hier nicht falsch gelesen werden, denn zu diesem Zeitpunkt der Reise existiert der Gutschein noch nicht — er wird auf dem nächsten Bildschirm erzeugt. Links Rechnungsdetails und acht beschriftete Felder — Vorname, Nachname, Land oder Region, Straße, Ort, Postleitzahl, Telefon, E-Mail-Adresse — jedes als grauer Balken gezeichnet, es wird also kein Name und keine Adresse erfunden; und darunter Bestellnotizen, dann — auf breiteren Bildschirmen — der Rest des Formulars wortlos angedeutet: graue Beschriftungsbalken, leere Eingaben und eine Checkbox-Zeile. Rechts ein Panel mit der Überschrift Deine Bestellung, mit den Spalten Produkt und Zwischensumme, denselben zwei Zeilen, Jeansjacke mal 1 in Größe M zu $79.00 und Canvas-Tragetasche mal 2 zu $62.40, dann Zwischensumme $141.40 und Gesamt $141.40, zwei Zahlungszeilen mit ausgewählter erster und beiden Beschriftungen als graue Balken, und ein dunkler Button mit Bestellung abschicken. Der Zeiger steigt zu Bestellung abschicken und drückt ihn. Der vierte Bildschirm ist die Danke-Seite, und einen Moment lang trägt sie keinen Gutschein. Der Kopfbereich zeigt Bestellung $141.40, und das Warenkorb-Symbol trägt jetzt überhaupt kein Badge, weil der Warenkorb weg ist und eine Null einen Warenkorb behaupten würde, der nichts enthält. Auf diesem Bildschirm gibt es keinen Breadcrumb: WooCommerce liefert keine Schrittanzeige, und die benachbarte Danke-Seite zeichnet ebenfalls keine. Eine Überschrift lautet Vielen Dank. Deine Bestellung ist bei uns eingegangen. Darunter eine Übersicht mit Bestellnummer, Datum, Gesamt und Zahlungsart, von denen nur Gesamt eine Zahl trägt, $141.40, die anderen drei als graue Balken gezeichnet. Darunter eine Überschrift Bestelldetails und dieselbe Bestellung noch einmal, diesmal überschrieben mit Produkt und Gesamt, so wie das Template für eingegangene Bestellungen es überschreibt: Jeansjacke mal 1, Größe M, $79.00; Canvas-Tragetasche mal 2, $62.40; Zwischensumme: $141.40; Gesamt: $141.40. Es gibt keinen Block mit der Rechnungsadresse, und das ist die Form, auf die sich die benachbarte Danke-Seite festgelegt hat. Dann erscheint der Gutschein-Block oben auf der Seite, über der Bestätigungsüberschrift, und das ist der Wert, den 8themes eigener Display-Settings-Screenshot ausgewählt hat, Top of the Thank you page, auf einem Hook, der vor dem eigenen Inhalt des Templates feuert. Badge, Titel und Beschreibung sind ihre: eine grüne Pille mit LIMITIERTES ANGEBOT, eine Überschrift mit 10% Rabatt auf deinen nächsten Einkauf und eine Zeile mit “Als Dankeschön für deine Treue möchten wir dir einen exklusiven Gutschein für deine nächste Bestellung schenken!” — ohne Komma nach dem Wort customer, so gibt ihr Frontend es aus, und so steht es nicht in ihrem eigenen Text. Der Gutschein selbst ist als Ticket gezeichnet: ein perforierter weißer Abschnitt und ein grüner Schweif aus weißen Balken wie ein gedrehter Strichcode, wobei die Balken dekorativ sind und nichts codieren. Auf dem Abschnitt CODE NUTZEN: mit Doppelpunkt, der Code NOC-3d3f79 in Grün und FÜR 10% RABATT. Die Form des Tickets — die Perforation, der Schweif, dieser dreizeilige Stapel — ist 8themes eigene Illustration dieses Boosters auf der SalesMax-Produktseite, dort in Orange gezeichnet und hier im Grün dieser Suite, eine Ersetzung, zu der sich diese Seite in den Notizen unter der Darstellungstafel bekennt. Die übrigen Farben des Blocks sind ihre veröffentlichten Styling-Werte — der Hintergrund des Panels #f4f4f4, die Überschrift #101522 und die Schrift des Badges #ffffff; der Grund des Badges ist die eine Ausnahme und trägt dasselbe Suite-Grün wie der Schweif des Tickets — eine Farbe für beides, auf Anweisung des Inhabers, wo ihre Screenshots #10a25c drucken. Unter dem Ticket steht ein fast schwarzer Button mit Gutschein anwenden. Es ist der eigene CTA des Plugins, er ist gezeichnet, und er wird nie gedrückt: Nichts Veröffentlichtes sagt, was er tut, und der Button, den der Zeiger im nächsten Akt drückt, ist ein anderer, auf einem anderen Bildschirm, und gehört zum WooCommerce-Kern. Dann der zweite Akt, die Einlösung, die ihr Artikel in einem Nebensatz verspricht — ein Code, den man kopieren und beim nächsten Einkauf verwenden kann. In keinem ihrer Screenshots taucht ein Kopier-Bedienelement auf, also wird keines erfunden: Der Zeiger streicht über den Code, und der Code nimmt eine Auswahlmarkierung an, ein Kopieren, inszeniert als Auswahl. Die Tafel schneidet dann auf einen späteren Besuch. Wieder der Warenkorb von LUMÉ, mit zwei Katalogprodukten — Klassisches weißes T-Shirt zu $18.00 und Zip-Hoodie zu $54.00, Katalogartikel ohne eigene Geschichte — Zwischensumme $72.00, Gesamt $72.00, der Kopfbereich zeigt Warenkorb $72.00 mit einem Badge von 2. Das Cross-Sell-Gerüst aus dem ersten Warenkorb steht unverändert auch unter diesem — es ist dieselbe Warenkorb-Zeichnung bei einem späteren Besuch. Unter der Tabelle steht die eigene Gutscheinzeile des WooCommerce-Kerns aus seinem Warenkorb-Template: ein Feld mit dem Platzhalter Gutscheincode und der eigene Button Gutschein anwenden des Kerns. Der Zeiger drückt das Feld, und der kopierte Code landet vollständig — NOC-3d3f79, der zweite und letzte Schreibvorgang der Engine, dieselbe Zeichenkette, die sie erzeugt hat. Dann drückt er Gutschein anwenden — den Button des Kerns, nicht den des Plugins. Das Summenfeld bekommt die eigene Zeile des Kerns für angewendete Gutscheine, Gutschein: noc-3d3f79 — klein geschrieben, weil der Kern Codes kleingeschrieben speichert, in derselben Schreibweise, die die Gutscheinliste auf der Platzierungstafel zeigt — dann minus $7.20 mit dem Link Entfernen des Kerns, gezeichnet und nie gedrückt, und Gesamt steht bei $64.80: $72.00 abzüglich genau ihrer veröffentlichten zehn Prozent. Beide Summen waren im Markup angelegt und eine Klasse hat gewählt, welche erscheint; der Kopfbereich bleibt bei Warenkorb $72.00, weil der Mini-Warenkorb von WooCommerce die Zwischensumme des Warenkorbs zeigt und ein Gutschein daran nichts ändert. Nirgends animiert etwas eine Zahl. Neben der Tafel stehen zwei Zahlen. Die linke zeigt $141.40 unter den Worten Bestellung wie eingegangen, und es ist die Zahl, die der erste Akt aufbaut und danach nicht mehr bewegen darf. Die rechte zeigt in Ruhe ebenfalls $141.40, unter den Worten Bestellung plus rabattierter Warenkorb — der Zähler des Shops über beide Bestellungen, nicht die Summe einer einzelnen. In Ruhe ist die Bestellung alles, was davon da ist: Die Zeichenkette ist die $141.40 der linken Schiene, Zeichen für Zeichen kopiert, grau stehend, weil der Gutschein noch nichts berührt hat, und unter dem Paar steht ein kleiner Satz: Die Bestellung über $141.40 bleibt unverändert. In dem Frame, in dem der Code erzeugt wird, erscheint daneben eine Pille mit 1 Gutschein — einer, weil 8themes eigene Gutscheinliste 1 item sagt; die Zahl selbst rührt sich beim Erzeugen nicht, denn ein Erzeugen schreibt eine Zeile und bewegt kein Geld. Erst im zweiten Akt, in dem Moment, in dem die Zeile minus $7.20 des Kerns im späteren Warenkorb steht, wird die Zahl zu $206.20 und färbt sich grün — die aufgegebenen $141.40 plus die $64.80, die in diesem Moment im gezeichneten Summenfeld stehen, eine Summe, die aus diesen beiden gezeichneten Zahlen folgt und nirgends eingetippt ist — und darunter erscheint eine Aufteilungszeile: $141.40 Bestellung + $64.80 Warenkorb, damit sich die Summe an der linken Schiene und am gezeichneten Warenkorb prüfen lässt, statt geglaubt zu werden. Die aufgegebene Bestellung ist um nichts gewachsen, und genau das sagt der Grundsatz darunter weiter; beim Zurücksetzen fällt die Zahl grau auf $141.40 zurück, im selben harten Schnitt wie jeder andere Reset-Beat. Nirgends erscheint eine Uhr, ein Countdown oder ein Ablaufdatum, weil der eine Gutschein, den sie veröffentlicht haben, keines hat. Wo dieser Gutschein auf den eigenen Flächen der aufgegebenen Bestellung lebt — die E-Mail, Mein Konto und die Zeile in der Coupons-Liste von WooCommerce — ist weiter unten auf dieser Seite gezeichnet, auf der Tafel, die jede vom Artikel genannte Position zeigt. Nach dem längsten Halt der Schleife, auf dem rabattierten Warenkorb, wird die Tafel zurück auf die Produktseite geschnitten, beide Codes geleert; dieser Schnitt ist sofortig und nie eine Animation, denn einen Code wegzurollen oder eine Summe zurückzudrehen würde inszenieren, wie der Gutschein ent-erzeugt und der Rabatt ent-verdient wird, und das sind Beats, die keine Quelle beschreibt.

LUMÉ ist ein Demo-Shop; die Preise stammen aus seinem Katalog.

▲ +25% Folgebestellungen** Steht hier, weil unsere eigene Landing-Karte sie druckt — und sie lässt sich belegen. Die SalesMax-Produktseite von 8theme hängt sie mit klaren Worten an den eigenen Abschnitt dieses Boosters: “Gutscheine für die nächste Bestellung steigern Folgekäufe um 25 (Data by Nestify)”, mit dem Affix des Zählers auf ein Prozentzeichen — die Einheit auf unserer Karte stimmt also. Zwei Wortabweichungen sind unsere, nicht ihre: ihr Satz sagt Folgekäufe — unsere Karte sagt Folgebestellungen, und ihr Satz sagt “steigern … um 25%” ohne jedes “bis zu”, während unsere Karte ein Zeichen voranstellt: +. Die Quellenangabe ist der blanke Anbietername “(Data by Nestify)” — keine Studie, kein Datum, keine Stichprobe und kein Link. Der Dokumentationsartikel enthält keinerlei Leistungszahl, und die Scan-App hängt diesem Booster auch keine an.