Panoramica dei blocchi per personalizzare il check-out usando Checkout Blocks

I blocchi nell'app Checkout Blocks, creati con delle estensioni UI, aiutano a personalizzare il check-out fornendo blocchi dell'app che puoi trascinare e rilasciare direttamente nell'editor di check-out e account. Alcuni tipi di blocco aggiungono elementi di personalizzazione visiva al check-out, come informazioni e banner di avvertimento o messaggi relativi a delle voci. Altri tipi di blocco aggiungono elementi interattivi al check-out, come selettori di varianti o quantità per le voci e caselle di spunta o campi di testo che i clienti possono selezionare o usare per 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 contenuti dinamici o altri tipi di blocchi in contemporanea. Puoi creare più di 30 blocchi, ma solo i primi 30 blocchi attivi saranno visualizzati al momento del check-out.

I blocchi visualizzati al momento del check-out dipendono dalle regole di visualizzazione applicate ai blocchi, dall'ordine di priorità assegnato ai blocchi e dall'utilizzo o meno di un ID del blocco dell'app per mostrare sempre un blocco specifico in una particolare posizione.

Su questa pagina

Blocchi delle app disponibili in Checkout Blocks

Checkout Blocks supporta diversi tipi di blocchi delle app. Il tipo di blocco dipende dal tipo di contenuto che vuoi aggiungere al check-out, dall'aggiunta di regole di visualizzazione condizionali e dalle pagine a cui desideri aggiungere il blocco.

Alcuni blocchi non possono essere aggiunti a determinate pagine di check-out alla luce della funzione del blocco stesso. Per esempio, un blocco relativo a un campo personalizzato dipende dall'inserimento di informazioni aggiuntive da parte di un cliente, per esempio l'aggiunta di una nota personalizzata o la selezione di una casella. Poiché tali informazioni devono essere acquisite prima del completamento dell'ordine, il campo personalizzato non può essere aggiunto alle pagine post-acquisto, come la pagina di ringraziamento o la pagina di stato dell'ordine.

Tabella con i blocchi delle app disponibili con Checkout Blocks, le pagine di check-out in cui i blocchi sono supportati e una breve descrizione di ciascun blocco.
Blocco dell'app	Pagine supportate	Descrizione
Blocco dell'indirizzo	Check-out	Blocco del check-out in base alle regole relative al formato degli indirizzi.
Campo personalizzato	Check-out	Inclusione di campi personalizzati nel check-out, come una casella di spunta per accettare i termini o un campo per l'inserimento dei messaggi pertinenti ai regali.
Contenuto dinamico	Check-out Grazie Stato dell'ordine	Visualizzazione di contenuti, come testi, banner e pulsanti, in base alle regole condizionali che hai impostato. Questo blocco è disponibile per i merchant che hanno un piano Basic Shopify o superiore.
Modifica voce	Check-out Grazie Stato dell'ordine	Possibilità per i clienti di modificare le voci presenti nel riepilogo dell'ordine per il check-out, per esempio includendo un selettore di varianti o di quantità. Funge anche da contenitore per i contenuti delle voci.
Contenuto della voce	Check-out Grazie Stato dell'ordine	Visualizzazione dei messaggi relativi a una voce, per esempio `Final sale` (Vendita definitiva).
Icone di spedizione e pagamento	Check-out	Visualizzazione delle icone per i metodi di spedizione e di pagamento supportati.
Contenuto statico	Check-out Grazie Stato dell'ordine	A differenza dei blocchi di contenuti dinamici, questo tipo di contenuto viene mostrato a tutti i clienti e supporta testi e banner. Questo blocco è disponibile per i merchant che hanno un piano Basic Shopify o superiore.

Maggiori informazioni sulla creazione di blocchi delle app.

Analisi dei blocchi

Per ogni blocco attivo, nella parte alta della pagina dei dettagli del blocco nell'app Checkout Blocks vengono mostrate le analisi delle visualizzazioni. Tali analisi monitorano quante volte il blocco è stato visualizzato al momento del check-out.

Per impostazione predefinita, il blocco mostra le analisi di oggi, ma puoi cliccare sul menu a discesa con le date e usare il selettore di date per esaminare le analisi di giorni o intervalli di date specifici.

Per ripristinare le analisi del blocco, clicca su ⋮ > Reset analytics (Ripristina analisi). L'azione non può essere annullata.

Visualizzazione delle regole dei blocchi

Molti tipi di blocco, come i blocchi di contenuti dinamici e campi personalizzati, consentono di impostare le condizioni relative a quali circostanze devono essere soddisfatte perché il blocco del check-out venga visualizzato al momento del check-out. Puoi impostare più regole di visualizzazione per ciascun blocco e stabilire se una particolare regola o tutte le regole devono essere soddisfatte per visualizzare il blocco.

La sintassi delle regole di visualizzazione varia in base al tipo di blocco che stai creando, ma, in generale, le regole vengono create mettendo in ordine i seguenti elementi, laddove applicabili:

La categoria della regola, per esempio Product type o Cart total.
L'operatore logico, per esempio Is o Is not o Is greater than, Contains o Ends in.
Il parametro che definisce il valore specifico desiderato, per esempio Dresses o 50.00.

Per esempio, se vuoi mostrare ai clienti che effettuano acquisti di valore elevato un banner con la richiesta di creare un account, puoi creare un blocco con le seguenti regole di visualizzazione:

Only show when: All rules pass
Cart total > Is greater than or equal to > USD > 100.00
Customer is logged in > False

In base a questa serie di regole di visualizzazione, il banner viene visualizzato solo se il cliente ha speso 100 USD o più e non ha effettuato l'accesso a un account cliente. Il banner non viene visualizzato se il cliente ha effettuato l'accesso e nemmeno se ha speso meno di 100 USD.

ID dei blocchi delle app

Alcuni tipi di blocchi, come i campi personalizzati o i contenuti dinamici, prevedono la possibilità di specificare un ID del blocco dell'app. Per impostazione predefinita viene selezionato l'ID del blocco dell' 0.

Un ID del blocco dell'app consente di aggiungere diversi blocchi dello stesso tipo in diverse sezioni del check-out. Puoi immaginare il blocco dell'app di check-out nell'editor come un segnaposto, che può caricare al suo interno più blocchi possibili a seconda delle regole di visualizzazione configurate all'interno del blocco. Puoi aggiungere fino a 10 diversi "segnaposto" di blocchi delle app in ogni pagina di check-out.

Esempio 1: utilizzo di ID dei blocchi delle app diversi per specificare posizioni diverse per diversi blocchi dello stesso tipo.

Vuoi che venga visualizzata una casella di spunta obbligatoria nell'area di contenuto principale, ma includendo una nota regalo facoltativa nella sidebar. Entrambi i blocchi sono campi personalizzati, perciò puoi aggiungere il blocco dell'app Campo personalizzato due volte nell'editor di check-out e account e posizionare ciascun blocco dove desideri che venga visualizzato. Tuttavia, devi essere in grado di definire quale blocco specifico deve essere inserito in una posizione specifica.

La casella di spunta obbligatoria può essere impostata in modo che l'ID del blocco dell'app sia 1 e la nota regalo facoltativa può essere impostata in modo che l'ID del blocco dell'app sia 2. Nell'editor di check-out e account, puoi impostare il blocco di campo personalizzato dell'app nell'area di contenuto principale per utilizzare l'ID del blocco dell'app 1 per mostrare la casella di spunta obbligatoria e il blocco di campo personalizzato dell'app nella sidebar per utilizzare l'ID del blocco dell'app 2 per visualizzare la nota regalo facoltativa.

Esempio 2: utilizzo dello stesso ID del blocco dell'app per specificare un'unica posizione per blocchi dello stesso tipo con regole di visualizzazione diverse.

Offri 3 sconti sulla spedizione automatici:

Uno sconto del 10% sugli ordini oltre i 25 USD
Uno sconto del 25% sugli ordini oltre i 50 USD
Una spedizione gratuita per gli ordini oltre i 100 USD

Vuoi incoraggiare i clienti ad aggiungere altri articoli al carrello prima di completare l'ordine aggiungendo un banner dinamico nella sezione Shipping method (Metodo di spedizione) del check-out, il quale invita i clienti ad aggiungere altri articoli al carrello in base allo sconto sulla spedizione più vicino.

Puoi configurare 3 blocchi di contenuti dinamici con lo stesso ID del blocco dell'app, per esempio 6:

Tabella con un esempio di tre blocchi di contenuti dinamici, le relative regole di visualizzazione applicabili e il loro contenuto.
Nome del blocco	Regola di visualizzazione	Contenuto del banner
Livello 1 di spedizione	Totale carrello > È inferiore a > 25,00 USD	"Il tuo carrello è idoneo a uno sconto sulla spedizione del 10% se spendi 25 USD o più."
Livello 2 di spedizione	Totale carrello > È inferiore a > 50,00 USD	"Il tuo carrello è idoneo a uno sconto sulla spedizione del 25% se spendi 50 USD o più."
Livello 3 di spedizione	Totale carrello > È inferiore a > 100,00 USD	"Il tuo carrello è idoneo alla spedizione gratuita se spendi 100 USD o più".

Assicurati che il blocco relativo al livello 1 di spedizione abbia la priorità di ordinamento più alta e che il blocco relativo al livello 3 di spedizione abbia la priorità di ordinamento più bassa. In questo caso, se un cliente spende meno di 25 USD, viene visualizzato il blocco di livello 1, con il messaggio più appropriato, anche se le condizioni di visualizzazione di tutti e 3 i blocchi sono state tecnicamente soddisfatte. Se un cliente spende più di 25 USD, ma meno di 50 USD, viene visualizzato il blocco relativo al livello 2 con la priorità più alta, anche se anche le condizioni del blocco relativo al livello 3 sono state tecnicamente soddisfatte.

Infine, nell'editor di check-out e account puoi aggiungere un singolo blocco dell'app di contenuti dinamici con ID del blocco dell'app 6 alla sezione Shipping rate (Tariffa di spedizione) e, durante il check-out, nello spazio "contenitore" verrà visualizzato il più appropriato dei 3 possibili blocchi di contenuti dinamici che hai creato. Se un cliente spende 100 USD o più, in quell'area del check-out non compare alcun contenuto dinamico perché non sono soddisfatte le regole di visualizzazione relative ai blocchi di contenuti dinamici con ID del blocco dell'app 6.