Editor Studio: utilizzare l'Assistente IA per aggiungere un codice personalizzato

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?

estratto da una conversazione con l'Assistente IA dopo aver generato un codice personalizzato, disabilitando un tasto per i visitatori in Germania

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
  1. Clicca su Aggiungi codice
  2. 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

Conversazione con l'Assistente IA, che mostra quando viene generato il codice che disabilita un tasto per i visitatori dalla Germania

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.