Generazione automatica di blocchi del tema nell'editor del tema

Grazie a Shopify Magic, puoi utilizzare l'intelligenza artificiale (IA) per generare un nuovo blocco del tema nell'editor del tema in base ai dettagli che fornisci.

In questa pagina

Considerazioni sulla generazione dei blocchi del tema

Esamina le seguenti considerazioni per la generazione dei blocchi del tema:

Il codice generato dall'IA potrebbe non essere sempre perfetto. A volte può produrre errori, risultati imprevisti o codice che non soddisfa pienamente le best practice di accessibilità o performance. È tua responsabilità esaminare, testare e garantire che il blocco generato soddisfi i tuoi standard e funzioni correttamente.
Visualizza l'anteprima dell'aspetto del blocco nelle viste desktop e mobile all'interno dell'anteprima dell'editor del tema.
Se il blocco include impostazioni di personalizzazione, testale dopo aver aggiunto il blocco per assicurarti che funzionino come previsto.
Dopo aver generato un blocco del tema, il nuovo file liquid per il blocco viene aggiunto alla cartella blocks nel codice del tema.
- I blocchi del tema sono composti da Liquid, il linguaggio dei modelli di Shopify. I file dei blocchi del tema contengono anche HTML, CSS, JSON e JavaScript. Dopo aver generato un blocco del tema, il nuovo file liquid per il blocco viene aggiunto alla cartella blocks nel codice del tema.
- Se desideri modificare un blocco del tema generato modificandone il codice, puoi modificare il codice del tema. Modifica il codice del tema solo se conosci HTML e CSS e hai una conoscenza di base di Liquid.
- Il file liquid generato da Shopify Magic è autonomo. Puoi comunque aggiornare il tema quando nuove versioni vengono pubblicate nel Theme Store.

Requisiti di idoneità per la generazione di blocchi del tema

Esamina i seguenti requisiti per la generazione dei blocchi del tema.

Requisiti del piano di abbonamento

Il tuo negozio deve avere uno dei seguenti piani di abbonamento:

Prova gratuita
Basic
Growth
Advanced
Plus

Questa funzionalità non è disponibile sul piano Starter, che utilizza il tema Spotlight e non supporta l’aggiunta di sezioni o blocchi del tema personalizzati.

Compatibilità del tema

La funzionalità di generazione dei blocchi del tema è disponibile per tutti i temi nel Shopify Theme Store. Se utilizzi un tema di terze parti compatibile, devi acquistare il tema prima di poter generare blocchi del tema, in quanto la versione di prova gratuita non supporta la funzionalità.

La funzionalità non è disponibile sui temi vintage. Scopri di più sulle funzionalità per le diverse versioni dell’architettura del tema.

Requisiti per le autorizzazioni utente

I seguenti utenti possono generare blocchi nei temi:

Il proprietario del negozio e il proprietario dell'organizzazione.
Utenti con i ruoli di Amministratore o Amministratore dell'organizzazione.
Utenti con un ruolo per il negozio con l'autorizzazione Modifica codice.

Suggerimenti per scrivere prompt efficaci per i blocchi del tema

La qualità del blocco generato dipende spesso dalla qualità del tuo prompt. Segui queste best practice:

Sii specifico e descrittivo: i prompt devono avere una lunghezza minima di cinque parole. I prompt più lunghi e dettagliati hanno maggiori probabilità di restituire risultati più accurati. Ad esempio, invece di inserire aggiungi immagini e testo, inserisci Crea un blocco con un’immagine a sinistra, un’intestazione, un testo di paragrafo e un pulsante “Acquista ora” a destra. Impila su dispositivo mobile.
Menziona gli elementi di contenuto: elenca i tipi di contenuto necessari per il blocco, come intestazioni, paragrafi, immagini, pulsanti, moduli e icone.
Suggerisci il layout: descrivi la disposizione degli elementi nel blocco, come affiancati, a griglia, centrati o a righe alternate.
Includi impostazioni di personalizzazione: se desideri che il blocco abbia specifiche impostazioni modificabili nell’editor del tema, come l’opzione per modificare l’immagine, il testo o il link pulsante, includile nel tuo prompt. Ad esempio, per includere un’impostazione per controllare la velocità di animazione in un blocco con un video, inserisci Includi un’impostazione per controllare la velocità di animazione.
Itera con istruzioni di follow-up: se il primo risultato non è del tutto corretto, adatta il prompt con maggiori dettagli o parole diverse, quindi genera di nuovo.

Esamina i seguenti esempi di prompt che seguono le best practice:

Un blocco di testimonianze con la foto di un cliente, il testo della citazione, il nome del cliente e la visualizzazione di una valutazione a 5 stelle.
Blocco delle funzionalità affiancato: il lato sinistro contiene un'icona e un'intestazione, il lato destro contiene un testo descrittivo.
Banner a larghezza intera con un'immagine di sfondo, un'intestazione grande centrata, un sottotitolo più piccolo sottostante e un pulsante di call to action.

Genera un blocco del tema

Dopo aver generato un blocco e aver deciso di mantenerlo, il nuovo blocco viene aggiunto al selettore di blocchi. Puoi aggiungere il blocco alle sezioni compatibili che accettano i blocchi del tema.

Passaggi:

Dal pannello di controllo Shopify, vai a Negozio online > Temi.
Trova il tema che desideri modificare e clicca su Modifica tema.
Personalizza la homepage oppure tocca il menu a discesa Homepage e seleziona il modello a cui desideri aggiungere una sezione.
Clicca sulla sezione per cui desideri generare un blocco.
Clicca su Aggiungi blocco.
Clicca su Genera.
Inserisci una descrizione del blocco che desideri generare.
Clicca su Genera. Shopify Magic elaborerà la tua richiesta e creerà il codice.
Visualizza l'anteprima del blocco generato direttamente nell'editor del tema. Se sono state generate impostazioni di personalizzazione, puoi personalizzare il blocco.
Se sei soddisfatto del blocco generato, clicca su Mantieni. In caso contrario, puoi rimuovere il blocco o fornire ulteriori istruzioni.

Eliminare un blocco del tema generato dal tema

Dopo aver generato un blocco del tema, il nuovo file Liquid per il blocco viene aggiunto alla cartella blocks nel codice del tema. Se un blocco del tema generato causa problemi nel negozio, puoi eliminarlo eliminando il file Liquid dal codice del tema.

Passaggi:

Dal pannello di controllo Shopify, vai a Negozio online > Temi.
Accanto al tema che desideri modificare, clicca su Modifica tema.
Personalizza la homepage oppure tocca il menu a discesa Homepage e seleziona il modello a cui desideri aggiungere una sezione.
Clicca su una sezione che contiene il blocco che desideri eliminare. Se in precedenza hai rimosso tutte le istanze del blocco, clicca su Aggiungi blocco per aggiungerlo di nuovo dal selettore di blocchi.
Nelle impostazioni del blocco, clicca su > Modifica codice.
Nel menu della barra laterale, clicca sulla cartella blocks per espanderla, quindi trova il file del blocco che stai visualizzando. Il file corrisponderà al nome del blocco attualmente aperto e terminerà con .liquid.
Nel menu della barra laterale, clicca sull'icona accanto al file del blocco.
Nella finestra di dialogo, clicca su Elimina file per confermare.