Aggiungi un Vibe Block dalla Libreria dei blocchi alla tua pagina. Lo trovi nella categoria "Altro" o direttamente nell'elenco delle categorie.

Digita un comando nel campo di immissione della chat per generare il blocco. Dopodiché clicca sul pulsante "Invia" oppure premi il tasto Invio sulla tastiera.

Per selezionare un modello di IA per la generazione di codice, fare clic sul nome del modello all'interno del blocco.

Per allegare un'immagine, un file o un video al tuo prompt, clicca sull'icona a forma di graffetta. Puoi utilizzare il file come contenuto del blocco o come riferimento.

Clicca sull'icona del punto interrogativo per visualizzare alcuni esempi di prompt oppure crea il tuo prompt utilizzando questi esempi.

Clicca su uno qualsiasi degli esempi di prompt per utilizzarlo.

È inoltre possibile visualizzare in anteprima un esempio di prompt sotto forma di demo interattiva in una pagina separata, come ad esempio un esempio di copertina.

Per copiare l'esempio e creare il blocco nella pagina, clicca su "Prendi il codice".

Fai clic su "Applica prompt" per aprire l'editor e modificare la tua richiesta.

Una volta generato il blocco, la chat AI visualizzerà il messaggio "Fatto!", a indicare che il blocco è pronto per l'uso. Sotto il prompt, vedrai le opzioni per copiarlo, rigenerarlo o eliminarlo.

Nella chat, puoi espandere la risposta dell'IA per visualizzare e copiare il codice.

Per visualizzare il codice completo, clicca su "Codice" nel pannello in alto per aprire l'editor, dove potrai modificare manualmente il codice generato del blocco.

Per ottenere il miglior risultato possibile, puoi rigenerare il codice del blocco utilizzando lo stesso prompt, perfezionare il prompt originale oppure inserire una nuova richiesta.

Ad esempio, basta descrivere semplicemente cosa va modificato nel blocco e l'IA aggiornerà il codice.

Per impostazione predefinita, il blocco mostra l'ultima versione generata. Per visualizzare una versione precedente, clicca sull'icona a forma di occhio. Per applicarla, clicca su "Applica".

Utilizzando questa opzione, puoi passare da una versione all'altra e selezionare quella più adatta. Per salvare il risultato, basta chiudere la finestra della chat con l'IA.

Per modificare nuovamente il blocco dopo aver chiuso la chat, clicca sul pulsante "Modifica con l'IA".

Per modificare un elemento all'interno di un blocco creato, cliccaci sopra. Si aprirà il pannello dello stile e del contenuto.

Per passare rapidamente a un altro elemento, fai clic sull'icona "Livelli". Si aprirà il pannello "Livelli".

Passa da un livello all'altro per selezionare l'elemento o il gruppo che ti serve. Il livello selezionato è evidenziato in grigio.

È inoltre possibile aprire rapidamente il pannello "Livelli" direttamente dal codice di Vibe Block. Fare clic sull'icona "Livelli", quindi selezionare il livello desiderato. Si aprirà il pannello "Stile".

Fai clic sull'icona a forma di freccia per selezionare rapidamente il gruppo padre di un gruppo o di un elemento annidato.

Fai clic sull'icona del codice per modificare l'elemento nel codice.

Per copiare un elemento, clicca sull'icona "Duplica". Per eliminarlo, clicca sull'icona del cestino. Usa le frecce su e giù per spostare l'elemento nel pannello "Livelli" e modificarne l'ordine.

Per modificare un elemento con l'IA, clicca su "Modifica con l'IA". Si aprirà una finestra in cui inserire il prompt. Nel campo sarà già indicato il percorso dell'elemento che desideri modificare.

Gli elementi che è possibile modificare nel campo "Contenuto" dipendono dall'elemento selezionato.

Nel caso di un elemento di testo, è possibile modificare il testo nel campo "Contenuto".

Per un'immagine, puoi sostituire o rimuovere il file, caricarne uno nuovo oppure selezionarne una dalla Libreria immagini.

Nel modulo comparirà il pulsante “Servizi”. Utilizzalo per collegarti a un CRM d Tilda o o a un altro servizio di raccolta dati.

Per un gruppo contenente elementi, verrà visualizzato il codice. È possibile modificarlo nel campo Contenuto oppure aprirlo direttamente nell'editor di codice.

Per configurare la reattività di un gruppo o di un elemento, seleziona l'icona dello schermo desiderata nel campo "Breakpoints".

Per impostazione predefinita sono disponibili quattro breakpoint, ma è possibile aggiungere valori personalizzati. Fai clic sull'icona a forma di ingranaggio, seleziona "Aggiungi", inserisci la larghezza dello schermo desiderata e salva le modifiche.

Per un gruppo o un elemento è possibile configurare la larghezza e l'altezza, il raggio degli angoli, l'opacità, nonché le dimensioni minime e massime.

È inoltre possibile configurare le impostazioni Flex per gli elementi.

Per i gruppi e gli elementi è possibile configurare i margini e il riempimento e modificare il colore di sfondo.

Per aggiungere un bordo a un gruppo o a un elemento, fare clic su "Bordo". Le opzioni disponibili verranno visualizzate nel pannello degli stili.

È inoltre possibile configurare effetti aggiuntivi o aggiungere proprietà a un elemento, come ad esempio un'animazione.

Per modificare il contenuto di un Vibe Block, clicca su " Contenuto".

Il pannello di modifica mostrerà i campi e gli elementi che puoi aggiornare rapidamente: testo, immagini, icone dalla libreria e altri elementi di blocco disponibili.

Vibe Block prevede dei limiti di richieste gratuite inclusi di default in tutti i piani tariffari. La tabella sottostante mostra il numero di richieste che è possibile effettuare ogni 12 ore e ogni mese, a seconda del piano tariffario scelto.

Se hai raggiunto il limite di richieste del tuo account, puoi acquistare ulteriori richieste. Per farlo, vai alla pagina "Acquisti richieste AI " oppure clicca sul pulsante "Acquista richieste" nel menu a comparsa nella chat di gruppo.

Nella stessa finestra puoi anche visualizzare il tuo limite di richieste per la giornata in corso e il totale dei limiti di utilizzo rimanenti inclusi nel piano.

È possibile convertire un Vibe Block generato in Zero Block Per fare ciò, apri le impostazioni di Vibe Block e fai clic su Converti in Zero Block .

Dopo la conversione, fai clic su Editor di blocchi per aprire il blocco in Zero Block e personalizzarne il design.