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 necessarioSceltaMotivo
Testo, ricerca o brief modificabileDocumentoLe parole sono il risultato.
Confronto, tracker o griglia datiTabellaRighe e colonne definiscono la logica.
Visual principale o composizione staticaImmagineBasta un fotogramma per valutare l'idea.
Aggiornamento o storia narrataFile audioL'ascolto fa parte della consegna.
Pagina da aprire, scorrere e provarePagina webLayout 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

VoceDettagli
Disponibile suCanvas modificabili e non incorporate nelle app Web e desktop.
Chi può generareMembri con accesso di modifica.
Chi può aprire l'anteprimaChi può leggere l'oggetto finito.
Chi può creare un link pubblicoIl proprietario della sessione della pagina.
AvvioVerifica riuscita dei crediti IA.
RisultatoOggetto 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

  1. Aprite la canvas con brief e riferimenti.
  2. Selezionate note, immagini, file, tabelle o risultati precedenti.
  3. In AI Studio, scegliete Pagina web.
  4. Scegliete uno Stile.
  5. Indicate pubblico, obiettivo, azione, sezioni, vincoli delle fonti e priorità di dispositivo.
  6. Aggiungete file o URL HTTPS e attendete i caricamenti.
  7. Selezionate Invia e seguite lo stato sull'oggetto.
  8. 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

StileQuando usarloDirezione
AutoConoscete il risultato ma non il formato.AI Studio decide da prompt e fonti.
Landing pageUn nuovo visitatore deve capire l'offerta e agire.Hero, valore, prove, flusso e call to action.
One-pagerBrief o aggiornamento deve stare in una pagina compatta.Sezioni leggibili, gerarchia e fatti principali.
Dettaglio prodottoUn concept va valutato in ottica di acquisto.Media, prezzo, varianti, spedizione, prove e acquisto.
Anteprima socialUn 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

InputUtilizzo
Oggetti selezionatiCollegare pagina, brief, testi approvati, tabelle e riferimenti.
Immagini allegateFoto prodotto, asset, loghi e riferimenti di layout.
Documenti e mediaFatti, specifiche, interviste e trascrizioni.
Link HTTPSFonti pubbliche accessibili.
PromptPubblico, 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:

  1. La prima schermata spiega la pagina senza dipendere dal brief visualizzato accanto?
  2. L'azione principale resta chiara dopo il primo scorrimento?
  3. La vista mobile conserva la gerarchia, invece di limitarsi a rimpicciolire tutto?
  4. 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.

ControlloChe cosa verificare
MessaggioValore, pubblico e azione corrispondono al brief.
FattiNomi, prezzi, date e affermazioni corrispondono alle fonti.
Desktop e mobileOrdine, leggibilità e usabilità reggono a entrambe le larghezze.
Link e controlliOgni azione porta alla destinazione corretta o è chiaramente un prototipo.
MediaCaricamento, ritagli e diritti sono corretti.
MetadatiTitolo, descrizione e miniatura identificano la versione.
Dati sensibiliNote 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

  1. Aprite l'anteprima.
  2. Selezionate Condividi anteprima.
  3. Attivate Link pubblico per consentire l'accesso a chiunque abbia il link.
  4. 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.

Invia feedback

Questo articolo ti è stato utile?