Panoramica dei blocchi per la personalizzazione del check-out con Checkout Blocks
I blocchi dell'app Checkout Blocks, basati su estensioni UI, ti aiutano a personalizzare il check-out mettendo a disposizione blocchi che puoi trascinare e rilasciare direttamente nell'editor del check-out e degli account. Alcuni tipi di blocco aggiungono elementi di personalizzazione visiva al check-out, come banner informativi e di avviso o messaggi per le voci. Altri tipi di blocco aggiungono elementi interattivi al check-out, come selettori di variante o quantità per le voci, o caselle di spunta o campi di testo in cui i clienti possono selezionare o inserire informazioni aggiuntive.
Checkout Blocks può supportare fino a 30 blocchi attivi per tipo di blocco. Puoi avere fino a 30 campi personalizzati, 30 blocchi di contenuto dinamico o altri tipi di blocchi contemporaneamente. Puoi creare più di 30 blocchi, ma nel check-out vengono visualizzati solo i primi 30 blocchi attivi.
I blocchi visualizzati nel check-out dipendono dalle regole di visualizzazione che hai applicato al blocco, dall'ordine di priorità dei blocchi e dall'utilizzo o meno di un ID blocco per visualizzare sempre un particolare blocco in una posizione specifica.
In questa pagina
Blocchi disponibili in Checkout Blocks
Checkout Blocks supporta più tipi di blocchi. Il tipo di blocco dipende dal tipo di contenuto che vuoi aggiungere al check-out, dalla necessità di aggiungere regole di visualizzazione condizionali e dalle pagine a cui vuoi aggiungere il blocco.
Alcuni blocchi non possono essere aggiunti a determinate pagine di check-out a causa della funzione del blocco stesso. Ad esempio, un blocco di campo personalizzato richiede che un cliente inserisca informazioni aggiuntive, come l'aggiunta di una nota personalizzata o la selezione di una casella di spunta. Queste informazioni devono essere acquisite prima del completamento dell'ordine, pertanto il campo personalizzato non può essere aggiunto alle pagine post-acquisto, come la pagina di ringraziamento o la pagina di stato dell'ordine.
| Blocco | Pagine supportate | Descrizione |
|---|---|---|
| Blocco indirizzo |
| Blocca il check-out in base a regole sul formato dell'indirizzo. |
| Campo personalizzato |
| Includi campi personalizzati nel check-out, come una casella di spunta di accettazione dei termini o un campo per il messaggio regalo. |
| Contenuto dinamico |
| Mostra contenuti come testo, banner e pulsanti in base a regole condizionali impostate da te. Questo blocco è disponibile per i merchant con il piano Basic Shopify o superiore e può essere inserito solo nelle pagine di ringraziamento e di stato dell’ordine. Il posizionamento nelle pagine di check-out richiede Shopify Plus. |
| Modifica voce |
| Consenti ai clienti di modificare le voci nel riepilogo dell'ordine al check-out, ad esempio includendo un selettore di variante o quantità. Funge anche da contenitore per il contenuto della voce. |
| Contenuto della voce |
| Visualizza messaggi specifici per la voce, ad esempio Vendita finale. |
| Icone di spedizione e pagamento |
| Visualizza le icone per i metodi di spedizione e pagamento supportati. |
| Contenuto statico |
| A differenza dei blocchi di contenuti dinamici, questi contenuti vengono mostrati a tutti i clienti e supportano testo e banner. Questo blocco è disponibile per i merchant con il piano Basic Shopify o superiore e può essere inserito solo nelle pagine di ringraziamento e di stato dell’ordine. Il posizionamento nelle pagine di check-out richiede Shopify Plus. |
Scopri di più su come creare i blocchi.
Analisi dei blocchi
Ogni blocco attivo dispone di un’analisi delle visualizzazioni che viene mostrata nella parte superiore della pagina dei dettagli del blocco nell'app Checkout Blocks. Questa analisi tiene traccia del numero di volte in cui il blocco è stato visualizzato nel check-out.
Per impostazione predefinita, il blocco mostra l'analisi per Oggi, ma puoi cliccare sul menu a discesa della data e utilizzare il selettore di data per esaminare l'analisi per giorni o intervalli di date specifici.
Per ripristinare le analisi per il blocco, clicca su > Ripristina analisi. Questa operazione non può essere annullata.
Regole di visualizzazione per i blocchi
Molti tipi di blocco, come quelli di contenuto dinamico e di campo personalizzato, consentono di impostare condizioni che definiscono le circostanze da soddisfare affinché il blocco venga visualizzato nel check-out. Puoi impostare più regole di visualizzazione per blocco e puoi anche definire se tutte le regole devono essere soddisfatte o se è sufficiente che ne venga soddisfatta una per visualizzare il blocco.
La sintassi delle regole di visualizzazione varia a seconda del tipo di blocco che stai creando, ma in generale le regole vengono create utilizzando i seguenti elementi in ordine, quando applicabile:
- La categoria della regola, come
Tipo di prodottooTotale carrello. - L'operatore logico, come
ÈoNon è, oppureÈ maggiore di,ContieneoTermina con. - Il parametro che definisce il valore specifico desiderato, come
Abitio50,00.
Ad esempio, per mostrare un banner ai clienti che spendono molto per invitarli a creare un account, puoi creare un blocco con le seguenti regole di visualizzazione:
Mostra solo quando: Tutte le regole sono soddisfatteTotale carrello>È maggiore o uguale a>USD>100,00Il cliente ha effettuato l'accesso>Falso
In base a questa serie di regole di visualizzazione, il banner viene visualizzato solo quando il cliente ha speso 100 USD o più e non ha ancora effettuato l'accesso a un account cliente. Il banner non viene visualizzato quando i clienti hanno effettuato l'accesso e non viene visualizzato neanche quando i clienti non spendono fino alla soglia di 100 USD.
ID dei blocchi
Alcuni tipi di blocco, come il campo personalizzato o il contenuto dinamico, offrono l'opzione di specificare un ID blocco. Per impostazione predefinita, è selezionato l'ID blocco 0.
Un ID blocco ti consente di aggiungere blocchi diversi dello stesso tipo in sezioni diverse del check-out. Puoi pensare al blocco di check-out nell'editor come a un segnaposto, che può caricare più blocchi possibili a seconda delle regole di visualizzazione configurate all'interno del blocco. Puoi aggiungere fino a 10 diversi “segnaposto” di blocco in ogni pagina di check-out.
Esempio 1: usa ID blocco diversi per specificare posizioni diverse per blocchi diversi dello stesso tipo.
Vuoi visualizzare una casella di spunta obbligatoria nell'area del contenuto principale, ma una nota regalo facoltativa nella barra laterale. Entrambi questi blocchi utilizzano il tipo di blocco campo personalizzato, quindi puoi aggiungere due volte il blocco Campo personalizzato nell'editor del check-out e dell'account e posizionare ogni blocco dove desideri che venga visualizzato. Tuttavia, devi essere in grado di impostare quale blocco specifico va in quale posizione.
Alla casella di spunta obbligatoria può essere assegnato l'ID blocco 1 e alla nota regalo facoltativa l'ID blocco 2. Nell'editor del check-out e degli account, puoi quindi impostare il blocco Campo personalizzato nell'area del contenuto principale in modo che utilizzi l'ID blocco 1 per visualizzare la casella di spunta obbligatoria e il blocco Campo personalizzato nella barra laterale in modo che utilizzi l'ID blocco 2 per visualizzare la nota regalo facoltativa.
Esempio 2: usa lo stesso ID blocco per specificare una singola posizione per blocchi dello stesso tipo con regole di visualizzazione diverse.
Offri 3 sconti automatici sulla spedizione:
- uno sconto del 10% sugli ordini superiori a 25 USD
- uno sconto del 25% sugli ordini superiori a 50 USD
- spedizione gratuita per ordini superiori a 100 USD
Per incoraggiare i clienti ad aggiungere altri articoli al carrello prima di completare l’ordine, puoi aggiungere un banner dinamico nella sezione Metodo di spedizione del check-out che li inviti ad aggiungere altri articoli al carrello in base allo sconto sulla spedizione a cui hanno quasi diritto.
Puoi configurare 3 blocchi di contenuto dinamico che abbiano tutti lo stesso ID blocco, ad esempio 6:
| Nome blocco | Regola di visualizzazione | Contenuto del banner |
|---|---|---|
| Livello di spedizione 1 | Totale carrello > È inferiore a > 25,00 USD | “Ottieni uno sconto del 10% sulla spedizione per una spesa pari o superiore a 25,00 USD.” |
| Livello di spedizione 2 | Totale carrello > È inferiore a > 50,00 USD | “Ottieni uno sconto del 25% sulla spedizione per una spesa pari o superiore a 50,00 USD.” |
| Fascia di spedizione 3 | Totale carrello > È inferiore a > 100,00 USD | “Ottieni la spedizione gratuita per una spesa pari o superiore a 100,00 USD.” |
Assicurati che il blocco Livello di spedizione 1 abbia la priorità di ordinamento più alta e che il blocco Livello di spedizione 3 abbia la priorità di ordinamento più bassa. In questo modo, quando un cliente spende meno di 25 USD, anche se tecnicamente vengono soddisfatte le condizioni di visualizzazione di tutti e 3 i blocchi, viene mostrato il blocco Livello 1 con il messaggio più appropriato. Quando un cliente spende più di 25 USD ma meno di 50 USD, viene mostrato con priorità più alta il blocco Livello 2, anche se tecnicamente vengono soddisfatte anche le condizioni per il blocco Livello 3.
Infine, nell’editor del check-out e degli account, puoi aggiungere un unico blocco di contenuto dinamico con ID blocco 6 alla sezione Tariffa di spedizione; durante il check-out, il più appropriato dei 3 possibili blocchi di contenuto dinamico che hai creato verrà visualizzato in quello spazio «contenitore». Quando un cliente spende 100 USD o più, in quell’area del check-out non viene visualizzato alcun contenuto dinamico perché non è stata soddisfatta alcuna regola di visualizzazione per i blocchi di contenuto dinamico con ID blocco 6.