L’ordine è chiuso. Il prossimo no.

Uno store dimostrativo LUMÉ, cinque schermate, due atti — il coupon si guadagna nelle prime quattro schermate e si riscatta nella quinta — e i prezzi sono quelli del catalogo. Nulla nelle prime tre schermate è SalesMax, e questa è la dimostrazione, non un preambolo ad essa: la frase di 8theme dice che questo booster si attiva subito dopo che un cliente effettua un ordine, quindi finché l’ordine non è effettuato non c’è nulla di suo da disegnare. La prima schermata è una pagina prodotto. In alto una testata riporta LUMÉ, poi Novità, Negozio e Saldi, poi un contatore che segna Carrello $62.40, poi l’icona del carrello con un badge che segna 2 — il carrello contiene già due Borsa Tote in Tela, e quando o da dove ci siano finite non è un’affermazione di questa pagina, perché nessuna fonte lo dice. Sotto la testata un breadcrumb riporta Negozio, Capispalla, Giacca di Jeans. Più sotto, a sinistra una grande tessera prodotto e tre miniature vuote; a destra il nome Giacca di Jeans, il prezzo $79.00, una barra grigia dove starebbe la valutazione a stelle, due barre grigie di descrizione, un selettore di quantità che segna 1 e un pulsante scuro che dice Aggiungi al carrello. Sotto la riga d’acquisto il resto della pagina prodotto è abbozzato come cromatura grigia: una barra di schede la cui scheda aperta dice Descrizione — il nome di scheda del core di WooCommerce — accanto a due barre grigie dove starebbero le vicine, cinque righe grigie di testo sotto, e un’area di prodotti correlati disegnata come una barra grigia di intestazione sopra tre tessere vuote, ciascuna con due righe grigie. Nulla nell’abbozzo nomina un prodotto, una recensione o una cifra. Un puntatore entra, sale fino ad Aggiungi al carrello e preme. Il contatore diventa Carrello $141.40 e il badge segna 3 — $62.40 più i $79.00 della giacca. Entrambe le pose erano già nella pagina e una classe ha scelto tra le due; nessuno script ha scritto una cifra, e in nessun disegno è stato inviato un evento — la pressione chiama direttamente una funzione di questa pagina. La seconda schermata è il carrello, e su di essa l’ordine è completo. La testata ora segna Carrello $141.40 con un badge di 3. Sotto sta un breadcrumb di tre passi con il primo acceso: 1 Carrello, 2 Dettagli di pagamento, 3 Ordine completato. La tabella è intestata Prodotto, Qtà, Subtotale, e non c’è una colonna del prezzo unitario. La prima riga è Giacca di Jeans, SKU LM-JK-01 · $79.00, quantità 1, subtotale $79.00. La seconda è Borsa Tote in Tela, SKU LM-TO-03, con $39.00 barrato e $31.20 in piedi, quantità 2, subtotale $62.40; accanto a quel prezzo una piccola regola grigia dice meno 20%, regola di LUMÉ. Quel venti per cento è del negozio e non del plugin, che è ciò che dice la regola ed è la stessa attribuzione che la pagina degli Add-On nel Carrello fa per la stessa borsa. Due unità della borsa a $31.20 fanno $62.40, e $79.00 più $62.40 fanno $141.40, che è quanto riporta il riquadro dei totali accanto alla tabella: Totali carrello, Subtotale $141.40, Spedizione calcolata al checkout, Totale $141.40, e un pulsante scuro che dice Procedi al checkout. Sotto la tabella un’area di cross-sell è abbozzata con la stessa cromatura grigia — una barra grigia di intestazione sopra tre schede prodotto vuote — senza nominare nulla. Tre unità nel carrello, e il badge segna 3. Il puntatore attraversa fino a Procedi al checkout e preme. La terza schermata è il checkout. Il contatore della testata ora dice Ordine invece di Carrello, sempre $141.40, sempre con un badge di 3. Il secondo passo del breadcrumb è acceso. Sopra il modulo stanno due avvisi propri di WooCommerce: sei un cliente registrato, clicca qui per accedere, e hai un coupon, clicca qui per inserire il codice. Nessuno dei due viene premuto, e il secondo non si può fraintendere qui, perché in questo momento del percorso il coupon non esiste ancora — viene emesso nella schermata successiva. A sinistra, Dettagli di fatturazione e otto campi etichettati — nome, cognome, paese o regione, indirizzo, città, CAP, telefono, indirizzo email — ciascuno disegnato come una barra grigia, così nessun nome e nessun indirizzo viene inventato; e sotto, le note d’ordine, poi — sugli schermi più larghi — il resto del modulo abbozzato senza parole: barre grigie di etichetta, campi vuoti e una riga con casella di spunta. A destra un pannello intestato Il tuo ordine, con le colonne Prodotto e Subtotale, le stesse due righe, Giacca di Jeans per 1 in taglia M a $79.00 e Borsa Tote in Tela per 2 a $62.40, poi Subtotale $141.40 e Totale $141.40, due righe di pagamento con la prima selezionata ed entrambe le etichette disegnate come barre grigie, e un pulsante scuro che dice Effettua l’ordine. Il puntatore sale fino a Effettua l’ordine e preme. La quarta schermata è la pagina di ringraziamento, e per un momento non porta alcun coupon. La testata segna Ordine $141.40 e l’icona del carrello ora non porta alcun badge, perché il carrello non c’è più e uno zero ne affermerebbe uno che non contiene nulla. Su questa schermata non c’è breadcrumb: WooCommerce non fornisce alcun indicatore di passi, e la pagina di ringraziamento vicina non ne disegna nessuno. Un titolo dice Grazie. Il tuo ordine è stato ricevuto. Sotto, un riepilogo etichettato Numero ordine, Data, Totale e Metodo di pagamento, di cui solo Totale porta una cifra, $141.40, e gli altri tre sono disegnati come barre grigie. Sotto ancora un titolo che dice Dettagli ordine e lo stesso ordine un’altra volta, questa volta intestato Prodotto e Totale come lo intesta il template dell’ordine ricevuto: Giacca di Jeans per 1, taglia M, $79.00; Borsa Tote in Tela per 2, $62.40; Subtotale: $141.40; Totale: $141.40. Non c’è alcun blocco dell’indirizzo di fatturazione, che è la forma su cui si è fermata la pagina di ringraziamento vicina. Poi il blocco del coupon arriva in cima alla pagina, sopra il titolo di conferma, che è il valore selezionato nello screenshot Display Settings di 8theme, Top of the Thank you page, su un hook che scatta prima del contenuto del template. Il badge, il titolo e la descrizione sono loro: una pillola verde che dice OFFERTA LIMITATA, un titolo che dice 10% di sconto sul tuo prossimo acquisto, e una riga che dice “Per ringraziarti di essere un cliente fedele vogliamo offrirti un buono esclusivo per il tuo prossimo ordine!” — senza virgola dopo cliente fedele, che è ciò che rende il loro frontend e non ciò che dice la loro prosa. Il coupon stesso è disegnato come un biglietto: un tagliando bianco perforato e una coda verde di barre bianche come un codice a barre ruotato, barre decorative che non codificano nulla. Sul tagliando, USA IL CODICE: con i due punti, il codice NOC-3d3f79 in verde, e 10% DI SCONTO. La forma del biglietto — la perforazione, la coda, quella pila di tre righe — è l’illustrazione che 8theme dedica a questo booster nella pagina prodotto di SalesMax, disegnata lì in arancione e qui nel verde di questa suite, una sostituzione che questa pagina si assume nelle note sotto la tavola dell’aspetto. Gli altri colori del blocco sono i loro valori di Styling pubblicati — lo sfondo #f4f4f4 del pannello, il #101522 del titolo e il testo #ffffff del badge; lo sfondo del badge è l’unica eccezione, e porta lo stesso verde della suite della coda del biglietto — un colore solo per entrambi, su istruzione del proprietario, dove i loro screenshot stampano #10a25c. Sotto il biglietto un pulsante quasi nero dice Applica coupon. È la CTA propria del plugin, è disegnata e non viene mai premuta: nulla di pubblicato dice cosa faccia, e il pulsante che il puntatore premerà nell’atto successivo è un altro, su un’altra schermata, e appartiene al core di WooCommerce. Poi il secondo atto, il riscatto che il loro articolo promette in una sola frase — un codice che possono copiare e usare al prossimo acquisto. In nessuno dei loro screenshot compare un controllo di copia, quindi non se ne inventa nessuno: il puntatore scorre sul codice e il codice prende un’evidenziazione di selezione, una copia messa in scena come selezione. La tavola taglia poi a una visita successiva. Di nuovo il carrello di LUMÉ, con due prodotti di catalogo — una T-shirt Bianca Classica a $18.00 e una Felpa con Zip a $54.00, articoli di catalogo senza alcuna storia dietro — Subtotale $72.00, Totale $72.00, e la testata che segna Carrello $72.00 con un badge di 2. La cromatura di cross-sell del primo carrello sta anche sotto questo, immutata — è lo stesso disegno di carrello in una visita successiva. Sotto la tabella sta la riga coupon del core di WooCommerce, dal suo template del carrello: un campo il cui placeholder dice Codice coupon, e il pulsante Applica coupon del core stesso. Il puntatore preme il campo e il codice copiato atterra intero — NOC-3d3f79, la seconda e ultima scrittura del motore, la stessa stringa che ha emesso. Poi preme Applica coupon — il pulsante del core, non quello del plugin. Il riquadro dei totali guadagna la riga del coupon applicato propria del core, Coupon: noc-3d3f79 — in minuscolo, perché il core salva i codici in minuscolo, lo stesso caso che mostra la lista dei coupon nella tavola delle posizioni — poi meno $7.20 con il link Rimuovi del core disegnato e mai premuto, e il Totale resta a $64.80: $72.00 meno esattamente il loro dieci per cento pubblicato. Entrambi i totali erano scritti nel markup e una classe ha scelto quale si vede; la testata resta su Carrello $72.00, perché il minicarrello di WooCommerce mostra il subtotale del carrello e un coupon non lo cambia. Da nessuna parte una cifra viene animata. Accanto alla tavola stanno due cifre. Quella di sinistra dice $141.40 sotto le parole L’ordine come ricevuto, ed è la cifra che il primo atto costruisce e che poi non può più muovere. Anche quella di destra dice $141.40 a riposo, sotto le parole L’ordine più il carrello scontato — il conteggio del negozio sui due ordini, non il totale di nessuno dei due. A riposo l’ordine è tutto ciò che ne esiste: la stringa è il $141.40 della barra di sinistra, copiato carattere per carattere, in grigio perché il coupon non ha ancora toccato nulla, e sotto la coppia una piccola frase dice L’ordine da $141.40 non si muove. Nel fotogramma in cui il codice viene emesso appare accanto una pillola che dice 1 coupon — uno, perché la lista dei coupon di 8theme dice 1 item; la cifra in sé non si scuote all’emissione, perché emettere scrive una riga e non muove denaro. Solo nel secondo atto, nel momento in cui la riga meno $7.20 del core sta nel carrello successivo, la cifra diventa $206.20 e passa al verde — i $141.40 effettuati più i $64.80 presenti in quell’istante nel riquadro dei totali disegnato, una somma derivata da quelle due cifre disegnate e scritta da nessuna parte — e sotto compare una riga di dettaglio che dice $141.40 ordine + $64.80 carrello, così che la somma si possa verificare contro la barra di sinistra e contro il carrello disegnato invece che darla per buona. L’ordine effettuato non è cresciuto di nulla, che è ciò che la frase di base continua a dire; al reset la cifra torna grigia a $141.40 con lo stesso taglio netto di ogni altro momento di reset. Da nessuna parte compare un orologio, un conto alla rovescia o una scadenza, perché l’unico coupon che hanno pubblicato non ne ha. Dove quel coupon vive sulle superfici dell’ordine effettuato — l’email, Il mio account e la riga nella lista Coupons di WooCommerce — è disegnato più in basso in questa pagina, sulla tavola che mostra ogni posizione nominata dall’articolo. Dopo la pausa più lunga del loop, sul carrello scontato, la tavola è tagliata di nuovo sulla pagina prodotto con entrambi i codici svuotati; quel taglio è istantaneo e mai un’animazione, perché arrotolare via un codice o far risalire un totale metterebbe in scena il coupon dis-emesso e lo sconto dis-guadagnato, momenti che nessuna fonte descrive.

LUMÉ è un negozio demo; i prezzi sono quelli del suo catalogo.

▲ +25% ordini ripetuti** Lo stampiamo perché la nostra scheda sulla landing lo stampa — e si può risalire alla fonte. La pagina prodotto SalesMax di 8theme la aggancia alla sezione dedicata a questo booster, testualmente: “I coupon per il prossimo ordine aumentano gli acquisti ripetuti del 25 (Data by Nestify)”, con l’affisso del contatore impostato su un segno di percentuale — quindi l’unità sulla nostra card è corretta. Due differenze di formulazione sono nostre, non loro: la loro frase dice acquisti ripetuti dove la nostra card dice ordini ripetuti, e la loro frase dice “aumentano … del 25%” senza alcun “fino a” dove la nostra card antepone un +. La citazione è il semplice nome del fornitore “(Data by Nestify)” — nessuno studio, nessuna data, nessun campione e nessun link. L’articolo della documentazione non riporta alcun dato di performance, e nemmeno l’app di scansione ne attribuisce alcuna a questo booster.