Editor Studio: utilizzare l'Assistente IA per aggiungere un codice personalizzato
6 min
In questo articolo:
- Aggiungere un comportamento personalizzato con l'IA
- Annullare le modifiche al codice apportate dall'IA
- FAQ
Al momento, questa funzionalità è in modalità alfa.
Aggiungi comportamenti del codice personalizzati agli elementi, senza alcuna esperienza di codifica, utilizzando il nostro Assistente IA. Che tu stia migliorando l'interattività o creando esperienze su misura, l'IA rende tutto semplice. Concentrati sulla tua visione creativa mentre l'assistente si occupa della programmazione tecnica, offrendo suggerimenti o implementando le tue idee.
Come posso accedere all'Assistente IA?
Aggiungere un comportamento personalizzato con l'IA
Accedi all'Assistente IA dal Pannello codice o clicca con il tasto destro del mouse sull'elemento specifico che vuoi personalizzare. L'assistente invierà un messaggio iniziale per tuo conto: "Quale comportamento interattivo puoi applicare a (ID elemento)?" e offrirà suggerimenti personalizzati in base all'elemento.
Scegli un comportamento suggerito o descrivi la personalizzazione che hai in mente. Avrai sempre la possibilità di visualizzare in anteprima e approvare il codice prima che venga aggiunto al sito del tuo cliente.
Per aggiungere un comportamento personalizzato con l'IA:
- Vai al tuo Editor
- Clicca con il tasto destro del mouse sull'elemento pertinente
- Seleziona Add Custom Behavior with AI (Aggiungi un comportamento personalizzato con l'IA)
Suggerimento: questo apre la chat con l'Assistente IA (all'interno del Pannello codice) sul lato sinistro dell'Editor - Controlla i suggerimenti dell'Assistente IA per i comportamenti personalizzati che può aggiungere
- Descrivi cosa vuoi personalizzare e clicca sull'icona Invia
Suggerimento: non devi usare uno dei suggerimenti se hai in mente qualcosa di diverso. L'Assistente IA valuterà e consiglierà se può aggiungere la personalizzazione a cui stai pensando. - Scegli cosa fare dopo:
- Perfeziona la personalizzazione: continua a chattare con l'Assistente IA per chiarire la personalizzazione specifica che vuoi aggiungere
- Visualizza l'anteprima del codice: clicca su Mostra codice per vedere il codice che l'IA intende aggiungere. Fornisce anche una descrizione dettagliata di ciò che fa il codice, chiarendo come applica la personalizzazione.
- Aggiungi il codice: aggiungi il codice al sito del tuo cliente
- Clicca su Aggiungi codice
- Clicca su Approva per confermare l'aggiunta del codice
Qual è il prossimo passo?
- Clicca su Anteprima sotto Codice generato per vedere come appare la tua personalizzazione
- Puoi sempre cliccare sull'icona Nuova chat
per avviare una conversazione su un'altra personalizzazione che vuoi che l'IA apporti
Annullare le modifiche al codice apportate dall'IA
Ripristina il sito del tuo cliente al suo stato precedente se vuoi annullare le modifiche apportate dall'Assistente IA. Puoi accedere alla cronologia della chat con l'assistente e riportare il codice generato a una versione precedente.
Per ripristinare il codice allo stato precedente:
- Vai al tuo Editor
- Clicca su Codice
sul lato sinistro dell'Editor - Clicca su Assistente IA
- Clicca sull'icona Altre azioni
in alto a destra del Pannello codice - Seleziona Mostra cronologia chat
- Seleziona la conversazione pertinente
- Clicca su Ripristina sotto la sezione Codice generato pertinente
FAQ
Clicca su una domanda qui sotto per saperne di più.
Ci sono personalizzazioni che non sono supportate?
L'Assistente IA mi ha fornito un elenco di ID elemento (es. 'box3', 'section1'); come li trovo?
