Blocco Upsells

Il blocco Upsells mostra offerte di prodotti nel cart drawer, scelte da una Strategy che selezioni tu. Quando un acquirente apre il carrello, il blocco fa emergere i prodotti che la tua Strategy restituisce in base al contenuto attuale del carrello e a eventuali regole di targeting che hai configurato.

Aumenta il valore medio degli ordini facendo emergere offerte di prodotti pertinenti nel momento in cui gli acquirenti aprono il carrello, usando una Strategy che sceglie cosa mostrare in base al contenuto del carrello e alle tue regole di targeting.

• I prodotti vengono recuperati in tempo reale in base al carrello attuale dell’acquirente, quindi le offerte riflettono ciò che è effettivamente nel carrello.
• L’intera sezione si nasconde quando nessun prodotto viene risolto — nessuna Strategy collegata, la Strategy non restituisce nulla, oppure nessuno dei prodotti restituiti è acquistabile. Gli acquirenti non vedono mai una sezione Upsells vuota.
• Se un’offerta restituita porta uno sconto, l’acquirente vede un prezzo barrato onesto e un badge di sconto, e lo sconto viene applicato al checkout.

Sono supportate le seguenti app di recensioni basate su metafield: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo e Vitals. Yotpo non è supportata perché usa un’API separata invece dei metafield di prodotto. Il blocco Upsells ha override di design per singolo blocco nel suo pannello Design. Questi sovrascrivono le impostazioni di design globali del carrello solo per questo blocco. Lasciare un valore vuoto eredita l’impostazione globale. Il blocco Upsells include una sezione Text nelle sue impostazioni di Design. Usala per controllare la tipografia dei singoli elementi di testo su ogni card di upsell. Seleziona un elemento di testo dal selettore per regolarne le impostazioni: Gli elementi di testo che puoi stilizzare sono raggruppati per categoria: Heading

• Heading — l’intestazione della sezione sopra le card di upsell (per esempio, You may also like). Supporta anche una famiglia di font personalizzata. Grassetto e colore si impostano nel Rich Text Editor sopra.

Product

• Product title — il nome del prodotto su ogni card di upsell.
• Review count — il conteggio delle recensioni mostrato quando Show product reviews è abilitato.

Pricing

• Price — il prezzo attuale su ogni card.
• Compare-at price — il prezzo originale barrato.
• Discount — l’etichetta dello sconto (per esempio, 20% off).

Lasciare un campo vuoto mantiene il valore predefinito dell’elemento. Quando Show product reviews è abilitato, puoi personalizzare i colori delle stelle dalla sezione Reviews del pannello Design.

• Regione: body o bottom.
• Massimo: 1 per stato del carrello — il carrello pieno e il carrello vuoto ne hanno ciascuno uno proprio.
• Stato: sia carrello pieno che vuoto.
• Non aggiunto di default. Non bloccato — puoi rimuoverlo o nasconderlo.

Un blocco Upsells non arriva vuoto: se nessuna Strategy è impostata, Aftersell risolve la strategia Shopify AI del tuo negozio — creandola se non ne hai ancora una — e la inserisce, così il blocco funziona subito. Apri il selettore Strategy per cambiarla. Il selettore ha due gruppi: Quick start

• Create strategy from selected products — scegli direttamente prodotti specifici e una Strategy viene creata per te automaticamente.
• Create strategy from scratch — apre l’editor delle Strategy così puoi costruire regole senza lasciare il cart editor.

Strategies

• Shopify AI recommendations — crea una Strategy basata sulle raccomandazioni di Shopify stesso, chiamata Shopify AI recommended products ovunque appaia in seguito. Questa voce scompare una volta che ne hai una, dato che un negozio ha bisogno di una sola strategia Shopify AI.
• Le tue Strategy esistenti, elencate per nome. Digita nel campo di ricerca per filtrarle.

Una volta selezionata una Strategy, il suo nome appare sulla riga della strategia dentro il blocco. Dopo che una Strategy è collegata, un pulsante ••• (ellissi) appare sulla riga della strategia. Cliccalo per aprire il menu delle azioni:

• Edit strategy — apre l’editor delle Strategy in una nuova scheda, così la tua sessione del cart editor ed eventuali modifiche non salvate restano intatte. Questa opzione non è disponibile per la strategia Shopify AI-recommended, che è gestita automaticamente e non ha regole modificabili.
• Remove from upsell — scollega la Strategy da questo blocco. La Strategy stessa non viene eliminata; resta disponibile nella tua lista di Strategy.

Modificare una Strategy in una nuova scheda non influisce sulla sessione del cart editor — puoi tornare alla scheda del cart editor e continuare a configurare senza perdere il tuo lavoro. Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve. Rilevanti solo quando layout è 'carousel'. Ogni voce in upsells: Ogni voce in variants porta id, title, price e compareAtPrice (grezzi, non formattati, nell’unità principale della valuta come stringhe), availableForSale, imageUrl, sku e selectedOptions ([{ name, value }]). Definisci lo stile di questo blocco con la sua sezione Design nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e ricadono su di esso quando sono vuoti. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.