
Creare pagine web con AI Studio
Create una landing page, un one-pager, una pagina di dettaglio prodotto o un'anteprima social, quindi provate il risultato e scegliete chi può aprirlo.
Un documento può descrivere una landing page e un'immagine mostrarne un fotogramma. Nessuno dei due rivela che cosa accade all'apertura, come regge la gerarchia sul telefono o se l'azione principale resta chiara dopo il primo scorrimento.
Scegliete Pagina web quando la bozza è l'esperienza stessa. AI Studio crea un'anteprima live sulla canvas, da aprire, provare e rivedere accanto alle fonti, quindi condividere separatamente quando è pronta.
In sintesi
Aprite una canvas modificabile, scegliete Pagina web e selezionate le fonti. Scegliete uno Stile, indicate pubblico, scopo, sezioni e azione principale, quindi Invia. Aprite Anteprima, provate desktop e mobile e controllate affermazioni e link. Il proprietario può aprire Condividi anteprima, attivare Link pubblico e selezionare Copia link.
Scegliere una pagina web per un'esperienza da provare
| Risultato necessario | Scelta | Motivo |
|---|---|---|
| Testo, ricerca o brief modificabile | Documento | Le parole sono il risultato. |
| Confronto, tracker o griglia dati | Tabella | Righe e colonne definiscono la logica. |
| Visual principale o composizione statica | Immagine | Basta un fotogramma per valutare l'idea. |
| Aggiornamento o storia narrata | File audio | L'ascolto fa parte della consegna. |
| Pagina da aprire, scorrere e provare | Pagina web | Layout e interazione fanno parte del risultato. |
La pagina generata è un artefatto di anteprima, non un hosting di produzione o un CMS. Usatela per approvare la direzione. Spostate testi, media, analisi, moduli, contenuti legali e integrazioni approvati nel sistema che gestisce il sito finale.
Controllare l'accesso prima di iniziare
| Voce | Dettagli |
|---|---|
| Disponibile su | Canvas modificabili e non incorporate nelle app Web e desktop. |
| Chi può generare | Membri con accesso di modifica. |
| Chi può aprire l'anteprima | Chi può leggere l'oggetto finito. |
| Chi può creare un link pubblico | Il proprietario della sessione della pagina. |
| Avvio | Verifica riuscita dei crediti IA. |
| Risultato | Oggetto di anteprima live sulla canvas corrente. |
Ospiti, collaboratori esterni e persone con accesso di sola visualizzazione o commento non possono generare una pagina, ma possono rivedere l'oggetto se l'accesso alla canvas lo consente.
Creare la pagina dalla canvas
- Aprite la canvas con brief e riferimenti.
- Selezionate note, immagini, file, tabelle o risultati precedenti.
- In AI Studio, scegliete Pagina web.
- Scegliete uno Stile.
- Indicate pubblico, obiettivo, azione, sezioni, vincoli delle fonti e priorità di dispositivo.
- Aggiungete file o URL HTTPS e attendete i caricamenti.
- Selezionate Invia e seguite lo stato sull'oggetto.
- Aprite Anteprima quando è pronto.
Il risultato resta sulla canvas come scheda con titolo, descrizione, miniatura e anteprima. Tenetelo accanto al brief durante la revisione, così il link non perde il proprio contesto.
Scegliere lo stile in base al compito della pagina
| Stile | Quando usarlo | Direzione |
|---|---|---|
| Auto | Conoscete il risultato ma non il formato. | AI Studio decide da prompt e fonti. |
| Landing page | Un nuovo visitatore deve capire l'offerta e agire. | Hero, valore, prove, flusso e call to action. |
| One-pager | Brief o aggiornamento deve stare in una pagina compatta. | Sezioni leggibili, gerarchia e fatti principali. |
| Dettaglio prodotto | Un concept va valutato in ottica di acquisto. | Media, prezzo, varianti, spedizione, prove e acquisto. |
| Anteprima social | Un post va visto nella superficie social reale. | Mockup mobile con account, media, azioni e didascalia. |
Non usate Landing page per ogni pagina curata. Un aggiornamento di cinque sezioni è spesso un One-pager; un lancio con galleria, opzioni, spedizione e acquisto è Dettaglio prodotto.
Fornire un brief reale
| Input | Utilizzo |
|---|---|
| Oggetti selezionati | Collegare pagina, brief, testi approvati, tabelle e riferimenti. |
| Immagini allegate | Foto prodotto, asset, loghi e riferimenti di layout. |
| Documenti e media | Fatti, specifiche, interviste e trascrizioni. |
| Link HTTPS | Fonti pubbliche accessibili. |
| Prompt | Pubblico, ordine del messaggio, azioni, fatti e limiti. |
Crea una pagina Dettaglio prodotto per il concept skincare selezionato. Usa l'immagine selezionata come visual principale. Pubblico: nuovi clienti con pelle sensibile. Includi benefici, ingredienti, modalità d'uso, spedizione e resi, tre segnaposto per recensioni e un'azione Aggiungi al carrello. Mantieni prezzo e affermazioni forniti. Non inventare certificazioni.
Capire l'oggetto di anteprima live
Anteprima apre la pagina in un visualizzatore dedicato con viste desktop, mobile e codice. Usate l'anteprima per rispondere a quattro domande distinte:
- La prima schermata spiega la pagina senza dipendere dal brief visualizzato accanto?
- L'azione principale resta chiara dopo il primo scorrimento?
- La vista mobile conserva la gerarchia, invece di limitarsi a rimpicciolire tutto?
- Link, controlli, media e sezioni interattive si comportano come promette il testo?
Le risorse HTTPS esterne possono essere bloccate, rimosse o modificate. Provatele di nuovo prima di una revisione e sostituite quelle fragili nell'implementazione di produzione.
Esaminare la pagina prima di condividere il link
| Controllo | Che cosa verificare |
|---|---|
| Messaggio | Valore, pubblico e azione corrispondono al brief. |
| Fatti | Nomi, prezzi, date e affermazioni corrispondono alle fonti. |
| Desktop e mobile | Ordine, leggibilità e usabilità reggono a entrambe le larghezze. |
| Link e controlli | Ogni azione porta alla destinazione corretta o è chiaramente un prototipo. |
| Media | Caricamento, ritagli e diritti sono corretti. |
| Metadati | Titolo, descrizione e miniatura identificano la versione. |
| Dati sensibili | Note interne, dati clienti e promesse non approvate sono assenti. |
Lasciate le decisioni umane nei commenti. Usate l'ingresso IA della pagina per revisioni mirate. Un'anteprima curata richiede comunque l'approvazione di una persona responsabile.
Condividere l'anteprima con il pubblico corretto
- Aprite l'anteprima.
- Selezionate Condividi anteprima.
- Attivate Link pubblico per consentire l'accesso a chiunque abbia il link.
- Selezionate Copia link solo dopo la revisione.
Con Link pubblico disattivato, serve accesso alla canvas. Disattivarlo in seguito blocca aperture future, ma non elimina copie o schermate già ricevute. Se i revisori devono vedere anche le fonti, condividete la canvas.
Attendere la fine della generazione prima di riprovare
La pagina richiede più tempo di un Documento breve perché prepara fonti, esperienza, asset e anteprima. Potete lasciare la canvas e tornare allo stesso oggetto. Non inviate duplicati. Eliminare l'oggetto in elaborazione annulla l'attività, ma non garantisce rimborso del lavoro già svolto. Controllate la cronologia dei crediti IA e correggete una pagina quasi giusta invece di ricrearla.
Quando l'anteprima non funziona come previsto
Scheda ancora in elaborazione. Lasciatela e aggiornate una volta prima di considerarla bloccata.
Anteprima assente. Controllate l'oggetto originale e i crediti prima di creare un duplicato.
Titolo o miniatura generici. Aggiornate; se restano errati, contattate il supporto con link, tipo e ora.
Link, immagine, font o interazione non funzionano. Controllate la risorsa esterna e sostituite fonti private o instabili.
Formato errato. Scegliete lo Stile esatto e descrivete la struttura richiesta.
Link pubblico non accessibile. Il proprietario deve attivare Link pubblico; copiare l'URL non cambia l'accesso.
Affermazioni non supportate. Correggete fonti e prompt, poi modificate o rigenerate una volta. Consultate Quando un risultato dell'IA non è corretto.
Ancora bloccata dopo l'aggiornamento. Contattate il supporto con area di lavoro, link, tipo, ora, prompt, allegati e stato dei crediti. Non inviate password, credenziali private o dati superflui.
Guide correlate
- Utilizzare AI Studio
- Creare immagini con AI Studio
- Creare documenti con AI Studio
- Esaminare i risultati dell'IA e condividere pagine web
- Comprendere i crediti IA
- Quando un risultato dell'IA non è corretto