Blocchi predefiniti
19 blocchi in 12 categorie (intestazioni, hero, prezzi, domande frequenti, moduli, piè di pagina…). Un clic lo inserisce nella pagina.
Canvas
Canvas: crea pagine e siti web con l'IA e modificali senza programmare
Il Canvas è il pannello di progettazione della chat con ADRI. Gli chiedi una pagina, la vedi all'istante, la modifichi con il mouse o con istruzioni e la condividi con un link. Serve a chi ha bisogno di un sito web o di una landing senza avviare un progetto.
Che cos'è
Un canvas accanto alla chat per vedere e ritoccare ciò che ADRI crea
Quando chiedi ad ADRI una pagina, una landing o uno script, il risultato si apre nel Canvas, un pannello a destra della chat. Lì lo vedi come lo vedrebbe un visitatore, lo modifichi con il mouse o con istruzioni in linguaggio naturale e lo salvi nello spazio della conversazione.
Si apre solo quando ADRI genera un file web, o manualmente da qualsiasi file della chat. Con il pulsante + del campo del messaggio crei anche un canvas web da zero. Puoi trascinare la barra che lo separa dalla chat per dargli più o meno larghezza.
Crea
Chiedi ad ADRI la pagina che ti serve
Descrivila
«Crea una landing per la mia scuola di inglese con prezzi e modulo di contatto.» ADRI progetta la pagina e lascia l'HTML nello spazio di lavoro.
Guardala
Il Canvas la apre con la sua anteprima. Cambia la larghezza tra mobile, tablet e desktop, o usa la vista divisa per vedere tre dimensioni contemporaneamente.
Chiedi modifiche
«Rendi blu questo pulsante», «aggiungi una sezione di domande». Ogni modifica di ADRI viene salvata come una versione.
L'anteprima carica il CSS, il JavaScript e le immagini accanto all'HTML, come un browser. Per questo non serve mettere tutto in un unico file. Se colleghi un CSS da internet potrebbe non caricarsi: lascia gli stili nello spazio di lavoro.
Modalità designer
Modifica senza toccare il codice
Template completi
Quattro punti di partenza: landing di prodotto, portfolio, pannello iniziale e copertina del blog.
Modifica diretta
Attiva Modifica, fai clic su un testo e scrivi. Al termine viene salvato.
Ispeziona
Fai clic su qualsiasi elemento e vedi il suo selettore, le sue misure e i suoi stili. Da lì puoi chiedere ad ADRI una modifica solo per quell'elemento.
Immagini
Carica JPG, PNG, GIF, WebP o AVIF (fino a 10 MB) o trascinale nel pannello, e vengono inserite nella pagina.
Revisione dell'accessibilità
Un avviso segnala immagini senza testo alternativo, link vuoti e campi senza etichetta.
Dati reali
Dati della tua azienda dentro la pagina
Puoi scrivere segnaposto come {{ invoice.count.pending }} o {{ client.count }} e, con il pulsante In diretta, il Canvas li sostituisce con i tuoi dati: clienti, lead, fatture in sospeso, attività aperte, il tuo nome o la data. Legge solo i tuoi record. È ciò che permette di creare una dashboard iniziale con cifre reali invece di numeri di esempio.
SEO e versioni
Prenditi cura della pagina e torna indietro quando vuoi
SEO e social
Un modulo modifica il titolo, la descrizione e i testi e l'immagine che si vedono quando si condivide sui social.
Tradurre con l'IA
Traduce il testo visibile in sette lingue e salva ogni traduzione come nuovo file, senza toccare l'originale.
Cronologia delle versioni
Ogni salvataggio, modifica o cambiamento di ADRI crea una versione. Visualizzi in anteprima, confronti con la precedente e ripristini. Ripristinare è un altro passo della cronologia: si può sempre annullare.
Provare e condividere
PHP e Python funzionano nel tuo browser
Se ADRI ti crea un sito in PHP o uno script in Python, la scheda Anteprima li esegue dentro il tuo browser: navighi, invii moduli, vedi la console e scarichi ciò che genera. I server di BionicAdri non eseguono quel codice. In PHP il database è SQLite; MySQL e PostgreSQL non sono disponibili. Si vedono anche applicazioni Flask, FastAPI e Streamlit.
Per mostrarlo a un cliente, Condividi crea un link pubblico che si apre senza accedere e dura 1, 7, 30 o 90 giorni. È una foto del momento in cui lo crei e lo revochi quando vuoi. È una demo per provare: per pubblicare un sito vero ti serve un server.
Prezzo
Da 275 €/mese, IA inclusa
Paghi per postazione: una postazione è un'attività di IA che ADRI svolge in parallelo, non una persona, quindi gli utenti non hanno limiti. Il server in cui vivono i tuoi dati si sceglie a parte, da 100 €/mese. Prezzi IVA esclusa.
Domande frequenti
Quello che ci chiedono di solito
Devo saper programmare per usare il Canvas?
No. Descrivi la pagina nella chat, la vedi nel Canvas e la modifichi con il mouse o con istruzioni. Se sai programmare, c'è anche un editor con il file aperto.
Posso usare le mie immagini e i miei stili?
Sì. Carichi immagini nel pannello delle risorse, e il CSS e il JavaScript dell'area di lavoro si caricano nell'anteprima come in un browser.
Posso tornare a una versione precedente?
Sì. La cronologia salva le versioni, con la loro origine (ADRI, manuale o ripristinata). Le visualizzi in anteprima, vedi la differenza con la precedente e ripristini quella che vuoi.
Il sito viene pubblicato su internet?
No direttamente. Il Canvas serve per progettare e provare. Puoi inviare un link di demo con scadenza, ma pubblicare il sito in modo definitivo richiede un server separato.
Quali linguaggi può eseguire l'anteprima?
PHP e Python vengono eseguiti in tempo reale nel tuo browser, con i loro limiti: niente MySQL né PostgreSQL, senza uscire su altri siti web e senza finestre desktop. Per altri linguaggi, chiedi ad ADRI di eseguirlo.
Demo senza impegno
Raccontaci quale pagina ti serve e la progettiamo con te in diretta
Raccontaci come lavori oggi e ti mostriamo come lo farebbe ADRI con i tuoi dati. Senza impegno.