Blocchi di contenuti dinamici

Requisito del piano

La creazione di un blocco di contenuti dinamici è disponibile per i merchant che hanno un piano Basic Shopify o superiore; i blocchi possono essere posizionati solo nelle pagine di ringraziamento e di stato dell'ordine.

Un blocco di contenuto dinamico consente di visualizzare nel check-out vari tipi di contenuto in modo dinamico quando vengono soddisfatte determinate condizioni.

Per esempio, se stai portando avanti una campagna per donare in beneficenza una parte di tutte le vendite di T-shirt, puoi creare uno speciale banner di ringraziamento per il supporto ricevuto da visualizzare al momento del check-out quando un cliente acquista una T-shirt.

Elementi di contenuto supportati nei blocchi di contenuti dinamici

I blocchi di contenuti dinamici supportano i seguenti tipi di elementi di contenuto:

• Accordion
• Banner
• Vantaggi
• Pulsante
• Divisore
• Titolo
• Immagine
• Spaziatore
• Testo

Puoi aggiungere più elementi di contenuto in un unico blocco di contenuti dinamici.

I blocchi di contenuti dinamici supportano anche un elenco limitato di formattazioni Markdown nella scrittura di un testo:

• Intestazioni H1, H2 e H3
• Testo in grassetto, in corsivo e barrato
• Immagini
• Interruzioni di riga
• Link
• Elenchi ordinati e non ordinati
• Righelli orizzontali

Per aggiungere un certo grado di personalizzazione al contenuto, puoi utilizzare anche le variabili Liquid.

Creazione di un blocco di contenuto dinamico

Puoi creare e configurare un blocco di contenuto dinamico nell'app Checkout Blocks. Dopo aver creato un blocco di contenuto dinamico, devi aggiungerlo al check-out.

Passaggi:

1. Dal pannello di controllo Shopify, vai su App > Checkout Blocks.
2. Clicca su Blocks (Blocchi), quindi clicca su Create block (Crea blocco).
3. Clicca su Dynamic content (Contenuto dinamico).
4. Seleziona il modello di campo che desideri utilizzare. Se non vuoi che impostazioni o campi siano precompilati, seleziona l'opzione Blank template (Modello vuoto).
5. Nella sezione Block name (Nome del blocco), inserisci il nome del blocco. Questo nome non è visibile ai clienti.
6. Nella sezione App block ID (ID del blocco dell'app), usa il menu a discesa per applicare un numero identificativo specifico. Scopri di più sugli ID dei blocchi delle app.

7. Nella sezione Display rules (Regole di visualizzazione), configura le regole di visualizzazione del blocco:

   • Per mostrare il blocco a tutti i clienti, lascia vuota la sezione Display rules (Regole di visualizzazione).
   • Per creare una regola di visualizzazione, clicca su ⊕ Add display rule (Aggiungi regola di visualizzazione), quindi configura la regola. Aggiungi tutte le regole di visualizzazione richieste.

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

   1. Facoltativo: nel campo Section header (Header della sezione), clicca su Add title (Aggiungi titolo) (facoltativo) per aggiungere un header al blocco.
   2. Nella sezione Content items (Elementi di contenuto), clicca su ⊕ Add content item (Aggiungi elemento di contenuto), quindi seleziona l'elemento di contenuto che desideri aggiungere.
   3. Nella finestra di dialogo dell'elemento di contenuto, configura i dettagli e lo stile dell'elemento di contenuto, quindi clicca su Done (Fatto).
   4. Facoltativo: aggiungi altri elementi di contenuto e personalizzali secondo necessità.

9. Facoltativo: nella sezione Styles (Stili), clicca su Customize design (Personalizza design) per personalizzare il contenitore e gli stili e le dimensioni delle colonne del blocco.

10. 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.

11. Clicca su Salva.

Il blocco viene salvato come Draft (Bozza) per impostazione predefinita. Quando il blocco è pronto per essere pubblicato, vai nella sezione Status (Stato) e seleziona Active (Attivo) dal menu a discesa.

Aggiunta di un blocco di contenuto dinamico al check-out

Puoi aggiungere un blocco di contenuto dinamico esistente al check-out. I blocchi devono essere impostati su Active (Attivo) per essere visualizzati al check-out.

Se desideri visualizzare in anteprima il blocco nell'editor di check-out e account, copia l'ID univoco di anteprima del blocco dall'app Checkout Blocks.

Passaggi:

1. Dal pannello di controllo Shopify, vai su App > Checkout Blocks.
2. Clicca su Blocks (Blocchi).
3. Clicca sul blocco di contenuto dinamico che desideri aggiungere al check-out.
4. Clicca su More actions ⌄ (Altre azioni) > Add to checkout (Aggiungi al check-out).
5. Facoltativo: nella sezione Preview block id (Visualizza in anteprima l'ID del blocco), clicca sull'icona degli appunti per copiare l'ID di anteprima univoco del blocco.
6. Seleziona la configurazione del check-out desiderata, quindi clicca su Open editor (Apri editor).

7. Nell'editor di check-out e account, aggiungi il blocco di contenuto dinamico al check-out:

   1. Vai alla pagina di check-out a cui desideri aggiungere il blocco.
   2. Clicca su ⊕ Add app block (Aggiungi blocco dell'app) nella sezione a cui desideri aggiungere il blocco.
   3. Clicca sull'opzione Dynamic content (Contenuto dinamico) di Checkout Blocks.
   4. Configura i dettagli del blocco del check-out e seleziona l'ID del blocco dell'app corrispondente.
   5. Facoltativo: usa il campo Preview block id (For testing purposes) (Visualizza in anteprima l'ID del blocco (per finalità di test)) e l'ID di anteprima del blocco per vedere in anteprima come il blocco sarà visualizzato nel check-out.
   6. Facoltativo: trascina e rilascia il blocco dinamico per spostarlo nel punto in cui vuoi che venga visualizzato nella pagina di check-out.

8. Clicca su Salva.