Personalizzazioni comuni del check-out usando Checkout Blocks

Puoi personalizzare il check-out usando Checkout Blocks in molti modi. Questa pagina contiene delle brevi guide per alcune personalizzazioni comuni dei check-out basate sull'utilizzo di Checkout Blocks.

Creazione di livelli di sconto sulla spedizione per valori specifici del carrello

Se vuoi creare dei livelli di sconto sulla spedizione, per esempio "50% di sconto sulla spedizione per gli ordini superiori a 50 USD" e "Spedizione gratuita per gli ordini superiori a 100 USD", puoi creare diversi sconti sulla spedizione automatici basati sulla regola del subtotale del carrello. Ai check-out che soddisfano i criteri di diversi sconti viene applicato lo sconto sulla spedizione più alto.

Passaggi:

1. Dal pannello di controllo Shopify, vai su Canali di vendita > Checkout Blocks.
2. Clicca su Discounts (Sconti) > Add discount (Aggiungi sconto) > Amount off shipping (Importo dello sconto sulla spedizione).
3. Nella sezione Amount off shipping (Importo dello sconto sulla spedizione), seleziona Automatic discount (Sconto automatico) e aggiungi un messaggio di sconto (per esempio: 50% di sconto sulla spedizione per gli ordini superiori a 50 USD).

4. Nella sezione Discount configuration (Configurazione sconti), crea il set di regole relativo agli sconti personalizzati:

   1. Nel menu a discesa Discount value (Valore sconto), seleziona Percentage (Percentuale) e aggiungi 50%.
   2. Nella sezione Discount rules (Regole sconti), configura il set di regole:
      1. Clicca su ⊕ Add rule (Aggiungi regola).
      2. Configura la regola nel modo seguente: Cart subtotal > Is greater than or equal to > 50.00.

5. Facoltativo: puoi configurare le seguenti opzioni:

   • Delivery options (Opzioni di consegna), per specificare a quali opzioni di consegna desideri che venga applicato lo sconto. Quando selezioni delle opzioni specifiche, puoi decidere di applicarlo a determinate opzioni in base al titolo, al prezzo o al tipo di consegna.
   • Combinations (Combinazioni), per permettere ai clienti di combinare il codice sconto con sconti sui prodotti o sugli ordini.
   • Active dates (Periodo di validità), per specificare quando inizia lo sconto e se è previsto un termine.

6. Nella sezione Summary (Riepilogo), controlla i dettagli dello sconto per verificare che sia impostato correttamente.

7. Clicca su Salva.

8. Dal pannello di controllo Shopify, torna a Canali di vendita > Checkout Blocks.

9. Clicca su Discounts (Sconti) > Add discount (Aggiungi sconto) > Amount off shipping (Importo dello sconto sulla spedizione).

10. Nella sezione Amount off shipping (Importo dello sconto sulla spedizione), seleziona Automatic discount (Sconto automatico) e aggiungi un messaggio di sconto (per esempio: Spedizione gratuita per gli ordini superiori a 100 USD).

11. Nella sezione Discount configuration (Configurazione sconti), crea il set di regole relativo agli sconti personalizzati:

    1. Nel menu a discesa Discount value (Valore sconto), seleziona Free shipping (Spedizione gratuita).
    2. Nella sezione Discount rules (Regole sconti), configura il set di regole:
       1. Clicca su ⊕ Add rule (Aggiungi regola).
       2. Configura la regola nel modo seguente: Cart subtotal > Is greater than or equal to > 100.00.

12. Facoltativo: puoi configurare le seguenti opzioni:

    • Delivery options (Opzioni di consegna), per specificare a quali opzioni di consegna desideri che venga applicato lo sconto. Quando selezioni delle opzioni specifiche, puoi decidere di applicarlo a determinate opzioni in base al titolo, al prezzo o al tipo di consegna.
    • Combinations (Combinazioni), per permettere ai clienti di combinare il codice sconto con sconti sui prodotti o sugli ordini.
    • Active dates (Periodo di validità), per specificare quando inizia lo sconto e se è previsto un termine.

13. Nella sezione Summary (Riepilogo), controlla i dettagli dello sconto per verificare che sia impostato correttamente.

14. Clicca su Salva.

Modifica del copy "OR" sotto i metodi di check-out veloce

Puoi spostare un blocco di icone di spedizione e pagamento in modo da visualizzarlo sotto la linea divisoria ---- OR ---- sotto le opzioni di pagamento per il check-out veloce, quindi modificare il testo "OR" inserendo il testo personalizzato che preferisci, per esempio "Tipi di pagamento accettati" o "Fornitori di servizi di spedizione supportati".

Passaggi:

1. Crea e configura un blocco di icone di spedizione e pagamento nell'editor di check-out e account.
2. Trascina e rilascia il blocco di icone di spedizione e pagamento in modo da farlo comparire sotto la sezione Wallets (Portafogli).
3. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
4. Nel tema attivo, clicca su ... > Modifica contenuto tema predefinito.
5. Utilizza la barra di ricerca per cercare il termine alternative.
6. Nel banner Checkout alternative payment method (Metodo di pagamento alternativo al check-out), modifica il campo Or inserendo il testo personalizzato.
7. Clicca su Salva.

Visualizzazione di un messaggio sotto a modalità di spedizione specifiche

Puoi utilizzare il blocco di contenuto dinamico per far comparire un messaggio sotto a modalità di spedizione specifiche durante il check-out.

Per esempio, se offri tariffe di spedizione standard, espresse e internazionali espresse, puoi decidere di mostrare un breve messaggio sotto l'opzione di spedizione internazionale per chiarire che gli addebiti di dazi e imposte doganali non sono inclusi nel prezzo di spedizione indicato.

Passaggi:

1. Dal pannello di controllo Shopify, clicca su Canali di vendita > Checkout Blocks.
2. Clicca su Blocks (Blocchi), quindi clicca su Create block (Crea blocco).
3. Clicca su Dynamic content (Contenuto dinamico).
4. Nella sezione Block name (Nome del blocco), digita il nome del blocco. Questo nome non è visibile ai clienti.
5. Nella sezione App block ID (ID del blocco dell'app), imposta l'ID su Dynamic (Dinamico) o applica un numero identificativo specifico. Maggiori informazioni sugli ID dei blocchi delle app.

6. Nella sezione Display rules (Regole di visualizzazione), configura le regole di visualizzazione del blocco in modo che la visualizzazione avvenga solo quando è inclusa la modalità di spedizione specifica. In questo esempio, la regola è configurata in modo da essere visualizzata sotto internazionali espresse:

   1. Clicca su ⊕ Add display rule (Aggiungi regola di visualizzazione).
   2. Nella finestra di dialogo Select a rule (Seleziona una regola), seleziona Shipping method title (Titolo modalità di spedizione).
   3. Configura la regola come Contains (Contiene) > International.

7. Nella sezione Content (Contenuto), aggiungi e personalizza il contenuto del blocco:

   1. Nella sezione Content items (Elementi di contenuto), clicca su ⊕ Add content item (Aggiungi elemento di contenuto), quindi seleziona Text (Testo).
   2. Aggiungi un breve messaggio nella finestra di dialogo dell'elemento di contenuto, per esempio Potrebbero applicarsi ulteriori dazi e imposte doganali., e clicca su Done (Fatto).

8. Facoltativo: nella sezione Publishing (Pubblicazione), clicca sull'icona con la matita per selezionare i mercati e le pagine di check-out in cui vuoi che venga visualizzato il blocco.

9. Clicca su Save (Salva), quindi imposta lo stato del blocco su Active (Attivo).

10. Nell'editor di check-out e account, aggiungi il blocco dinamico alla sezione Shipping rate (Tariffa di spedizione) del check-out.

11. Clicca su Salva.

Inclusione di un campo personalizzato nel documento di trasporto dell'ordine

Checkout Blocks permette al negozio di acquisire i dati dei clienti utilizzando un blocco di campo personalizzato e salvando tali dati in un metafield dell'ordine.

Passaggi:

1. All'interno di Checkout Blocks, crea e configura un blocco di campo personalizzato. Assicurati che il blocco sia configurato per essere salvato come metafield dell'ordine.
2. Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
3. Nella sezione Packing slips (Documenti di trasporto), clicca su Packing slip template (Modello di documento di trasporto).
4. Nel punto del modello in cui desideri visualizzare il valore del campo personalizzato, aggiungi la seguente riga di codice, sostituendo key con la chiave del campo personalizzato:

{{ order.metafields.checkoutblocks.key }}

1. Facoltativo: se vuoi che il valore del campo personalizzato venga visualizzato in modo condizionale, puoi racchiudere il contenuto in un costrutto if/else Liquid sulla base delle condizioni richieste.
2. Clicca su Salva.

Nel modello di documento di trasporto puoi utilizzare più valori chiave di campo personalizzato. Per esempio, questo codice permette di visualizzare il numero di ordine d'acquisto di un ordine (metafield con po come chiave) solo se il cliente ha accettato i termini dell'ordine (metafield con agree_to_terms come chiave):

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Aggiunta di un campo personalizzato su un ordine al profilo del cliente

Puoi sincronizzare i dati degli ordini acquisiti tramite i blocchi di campi personalizzati grazie all'app Shopify Flow.

Puoi scaricare un file .flow di esempio per aggiungere un valore metafield birth_date a un profilo cliente. Personalizza i valori di questo template per farli corrispondere alle chiavi dei campi personalizzati che vuoi aggiungere.

Passaggi:

1. All'interno di Checkout Blocks, crea e configura un blocco di campo personalizzato. Assicurati che il blocco sia configurato per essere salvato come metafield dell'ordine.

2. All'interno di Shopify Flow, imposta un flusso di lavoro personalizzato da eseguire quando viene effettuato un ordine:

   1. Clicca su Create workflow (Crea flusso di lavoro) > Select a trigger (Seleziona un trigger).
   2. Seleziona Shopify > Order created (Ordine creato).
   3. Nel trigger, clicca su Then ⊕ (Quindi) > Condition (Condizione).
   4. Clicca su Add a variable (Aggiungi una variabile), quindi seleziona Order (Ordine) > metafields (metafield) > key (chiave).
   5. Nel campo Key (Chiave), aggiungi la chiave del campo personalizzato che vuoi aggiungere al profilo cliente, per esempio birth_date.
   6. Nella condizione, clicca su Then ⊕ (Quindi) > Action (Azione).
   7. Clicca su Shopify > Update customer metafield (Aggiorna metafield del cliente).

3. Nella sezione Update customer metafield (Aggiorna metafield del cliente), inserisci le seguenti informazioni:

   1. Spazio dei nomi del metafield: il metafield che desideri aggiungere, per esempio personal_info.
   2. Chiave: la chiave del metafield, per esempio dob.
   3. Tipo: il tipo di valore che desideri includere, per esempio una data.
   4. Valore:

{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Quando il flusso è completo, clicca su Turn on workflow (Attiva flusso di lavoro) per attivarlo.