--- title: "Il tuo primo sito, dall'inizio alla fine | Briks" url: https://briks.dev/it/docs/your-first-site description: "Segui una piccola panetteria da New project a un'anteprima su briks.live, una prima modifica in chat e Publish in produzione, con ogni schermata in ordine." last_updated: 2026-10-08 --- # Il tuo primo sito, dall'inizio alla fine Questa guida segue un'attività dallo spazio di lavoro vuoto al sito pubblico, così vedi ogni schermata una volta prima di farlo da solo. L'esempio è Larder Lane, una piccola panetteria a York, creata con i 50 crediti del piano Free. 9 minuti di lettura Verificato rispetto allo studio il 8 ottobre 2026 ## Prima di iniziare Tieni pronte tre cose: il nome dell'attività, un paragrafo che la descriva e un elenco approssimativo di pagine. Sam, che gestisce Larder Lane, vuole un sito che mostri il pane, prenda le prenotazioni del sabato e dica alle persone dove si trova il negozio e quando è aperto. Sam è nel piano Free, quindi ha 50 crediti e spazio per 1 progetto. Un nuovo sito ne trattiene 50 mentre viene costruito, quindi parte con il saldo pieno e non ne spende prima per altro. Come primo sito di uno spazio di lavoro Free, viene costruito per intero anche se richiede più di quelli che ha. ## Primo passo: descrivi l'attività Dove 1. Projects 2. New project Puoi anche partire dalla casella di testo in Home e premere **Continue**. In ogni caso arrivi a una breve configurazione in sette passaggi: **What are you making?**, **Describe it**, **Show what you like**, **Your brand**, **Pictures**, **How it is built** e **Review and create**. Un elenco di fianco mostra a che punto sei, e **Back** e **Next** ti spostano tra i passaggi. Ciò che inserisci resta in questo browser fino all'avvio della creazione, quindi puoi uscire e tornare. 1. Scegli il tipo e dagli un nome Dove: What are you making? Sam sceglie **Website** e scrive `Larder Lane` in **Business or project name**. Il nome diventa anche il primo indirizzo del sito. 2. Scrivi la descrizione Dove: Describe it Il riquadro accetta fino a 25.000 caratteri e ne richiede almeno dieci. Puoi scrivere o dettare. Il pannello sotto elenca cosa dice una buona descrizione: per chi è e dove, cosa offre o fa, che sensazione deve dare, e le pagine o le funzioni che servono. 3. Salta i passaggi facoltativi Dove: Show what you like, Your brand Entrambi sono contrassegnati come **Optional** e, se non compili nulla, il pulsante riporta **Skip**. Sam non ha siti da seguire né colori fissi, quindi salta entrambi e lascia scegliere a Briks. 4. Tieni le immagini incluse Dove: Pictures La prima scelta, contrassegnata da **Included**, prende immagini adatte dalla libreria dello studio e disegna quelle che mancano, senza costi per le immagini. Le altre scelte disegnano ogni immagine da zero e aggiungono alla creazione un prezzo per immagine. 5. Controlla come è fatto Dove: How it is built **Ask about what is unclear before building** è attivo; lascialo attivo. Sam lascia disattivati gli interruttori di approvazione e **Check the published site**. 6. Rivedi e crea Dove: Review and create Ogni scelta è elencata con un modo per tornare a cambiarla. La nota sotto dice che il nuovo progetto trattiene 50 crediti mentre viene costruito, qual è il tuo saldo e che la prima versione richiede qualche minuto. Quando un progetto come questo di solito richiede più di quanto hai, una riga sotto riporta la stima. Sam preme **Build it**. Il brief di Sam Larder Lane, York > Un piccolo forno di quartiere a York, aperto dal mercoledì al sabato. Pane a lievito madre, pane di segale e dolci sfornati sul posto ogni mattina. Si possono prenotare le pagnotte per il ritiro del sabato con un modulo semplice: nome, telefono, cosa si desidera e un orario di ritiro. Pagine: home, il nostro pane, prenotazioni, vieni a trovarci con orari di apertura e indicazioni, e una breve storia di noi due. Tono caldo e schietto. Crema e verde scuro, grandi foto sincere del pane. Perché un modulo e non un negozio Sam chiede le prenotazioni anticipate tramite un modulo, non il pagamento online, perché vuole partire in modo semplice: il cliente paga al banco. Per accettare pagamenti online più avanti, collegherà il suo processore di pagamento in **Settings**, **Payments** e lo chiederà in una modifica. Lascia disattivati i passaggi di approvazione con 50 crediti **Approve the words before building**, **Choose the look from three directions** e **Choose the hero from four wireframes** mettono ciascuno in pausa la creazione finché non decidi. Proseguire dopo uno di questi trattiene di nuovo fino a 50 crediti, o quelli che restano nel saldo fino a 5, e ogni parte viene addebitata per il suo lavoro. Con 50 crediti, una creazione con più pause può ridurre molto il saldo; vedi [approvare mentre costruisce](https://briks.dev/it/docs/approval-steps). ## Secondo passo: rispondi alle domande Il progetto si apre nella scheda **Studio**, con la conversazione a sinistra e l'anteprima a destra. Prima di pianificare qualsiasi cosa, Briks prepara alcune domande; l'etichetta sopra l'anteprima dice 'Waiting for your answers'. Tutti i dettagli sono in [domande prima di costruire](https://briks.dev/it/docs/questions-before-building). 1. Spunta le pagine Dove: Studio Briks suggerisce le pagine dal tuo brief. **Home** è segnata come **Always**. Seleziona o deseleziona le altre e aggiungi le tue nel campo che dice 'Add a page, for example Careers'. Un sito può partire con un massimo di 10 pagine, e ogni pagina selezionata viene creata per intero. 2. Rispondi alle altre domande Dove: Studio Ognuna ha una scelta contrassegnata come **Recommended**, già selezionata. Cambia quelle che non vanno bene, oppure scegli **Something else** per scrivere la tua risposta. 3. Invia le tue risposte Dove: Studio Premi **Continue**. **Decide for me** sceglie al posto tuo tutte le risposte consigliate. Puoi anche scrivere le risposte con parole tue nella casella sotto la conversazione. Cosa ha scelto Sam > Sam ha tenuto Home, Our bread, Pre-orders, Visit us e Our story, e ha aggiunto `Wholesale` per i tre caffè che rifornisce. Una domanda chiedeva come gestire i preordini; ha tenuto la risposta consigliata. Sei pagine, poi Continue. La creazione è partita subito. ## Terzo passo: guardalo prendere forma La conversazione mostra ogni fase mentre avviene, per esempio **Planning the site and its pictures**, **Designing and building**, **Verifying build** e **Publishing**. La prima versione richiede qualche minuto. Puoi lasciare la pagina mentre procede: la creazione continua e il risultato ti aspetta al ritorno. [Seguire una creazione](https://briks.dev/it/docs/watching-a-build) spiega ogni fase. Quando il sito è pubblicato, l'anteprima si riempie e l'etichetta sopra cambia in **Live preview**. I pulsanti sopra l'anteprima ti permettono di vederla con la larghezza di desktop, tablet e telefono, di ricaricarla, di aprirla a schermo intero o in una nuova scheda al suo indirizzo, così puoi navigare tra tutte le pagine come farebbe un visitatore. Hai cambiato idea durante la creazione? **Stop** interrompe una build in corso prima che pubblichi, così il sito resta com'era. Paghi solo il lavoro svolto fino all'interruzione. Se una creazione aspetta i crediti Sui siti successivi, o con un piano a pagamento, una creazione il cui resto di solito richiede più crediti di quelli che hai si ferma una volta pianificata. La conversazione dice **Waiting for credits**, con la stima e ciò che hai, e il piano resta conservato. Premi **Get credits**, poi **Resume building** quando li hai; non riparte mai da sola. Vedi [crediti e piani](https://briks.dev/it/docs/credits-and-plans). ## Passaggio quattro: apri l'anteprima La prima pubblicazione è un'anteprima a un indirizzo composto dal nome del progetto, qui `larder-lane.briks.live`. Se quel nome è già preso, vengono aggiunti alcuni caratteri in fondo. Un Owner o un Admin può cambiarlo in seguito; vedi [l'indirizzo del tuo sito](https://briks.dev/it/docs/site-address). Un'anteprima è un sito vero e funzionante, che può aprire chiunque abbia l'indirizzo. Si differenzia dalla produzione in due modi: ai motori di ricerca viene chiesto di ignorarla e i messaggi inviati dai suoi moduli restano nello studio, ma non ti arrivano via email. - Leggi ogni pagina sul tuo telefono, non solo nel pannello di anteprima. - Apri il menu e verifica che ogni pagina che hai spuntato sia presente. - Invia un preordine di prova tramite il modulo, poi trovalo in **Forms** del progetto. Dove 1. Projects 2. Larder Lane 3. Settings 4. Forms ## Passo cinque: fai una modifica Sam nota che gli orari di apertura sono in basso nella pagina Visit us e che la foto della home mostra dei croissant, mentre lui è noto per il pane a lievitazione naturale. Scrive un solo messaggio nel riquadro sotto la conversazione, quello che dice 'Change the hero, add a page, adjust the colours…'. 1. Scrivi la modifica Dove: Studio Dì cosa cambiare e dove, con parole semplici. Un messaggio può contenere più modifiche collegate, fino a 6.000 caratteri, con fino a sei immagini o video allegati. 2. Decidi con un controllo Dove: Studio Sotto il riquadro, **Check the site after this change** esamina il sito pubblicato a quattro dimensioni di schermo e ripara ciò che appare rotto. Richiede qualche minuto e alcuni crediti, quindi lascialo disattivato per piccole modifiche come questa. 3. Invialo Dove: Studio Premi il pulsante di invio, **Send**. Una modifica trattiene 5 crediti mentre è in corso. Se una creazione è già in corso, il pulsante diventa **Queue**: il messaggio attende e parte quando quella creazione finisce. La modifica di Sam > Su Visit us, metti gli orari di apertura in alto a caratteri grandi: dal mercoledì al sabato, dalle 8 alle 14. Nella home page, sostituisci la grande foto con un primo piano di pagnotte a lievitazione naturale su un tagliere di legno. Briks ha creato la modifica e l'ha pubblicata allo stesso indirizzo, e l'anteprima si è ricaricata. La versione precedente è rimasta tra le versioni del progetto, nel caso Sam la rivolesse. Suggerimento Se scrivi una domanda invece di una modifica, per esempio 'quali pagine hanno un modulo?', ricevi una risposta nella conversazione, senza alcuna creazione e senza trattenere nulla. Vedi [fare domande](https://briks.dev/it/docs/asking-questions) e [fare modifiche](https://briks.dev/it/docs/making-changes). ## Passo sei: pubblica in produzione La produzione rende il sito pubblico per intero: i motori di ricerca possono indicizzarlo e i messaggi dei suoi moduli ti arrivano per email. 1. Premi Publish Dove: Top bar Dopo la pubblicazione di un sito, la barra in alto mostra **Preview** e un pulsante **Publish**. Premilo. 2. Leggi la finestra di dialogo Dove: Publish to production Spiega cosa cambia. Briks controlla prima il sito, compresi i suoi link, e se qualcosa va sistemato non cambia nulla e lo studio te lo dice. 3. Conferma Dove: Publish to production Premi **Publish to production**. Quando ha finito, il pulsante nella barra in alto riporta **In production**. Pubblicare in produzione e tornare indietro con **Back to preview** non costa crediti. Quando il sito è in produzione, anche ogni modifica che invii viene pubblicata lì. Altro in [pubblicare in produzione](https://briks.dev/it/docs/publish-to-production). ## Passo sette: il tuo dominio Sul piano Free il sito resta al suo indirizzo `briks.live`, che funziona anche in produzione. Collegare un dominio tuo, come `larderlane.co.uk`, parte dal piano Starter. Dove 1. Projects 2. Larder Lane 3. Settings 4. Domain Lì scrivi il dominio sotto **Your domain** e premi **Connect domain**. Poi aggiungi tre record presso l'azienda dove hai comprato il dominio. I record sono brevi impostazioni che dicono a internet dove punta il tuo dominio: qui un record A, un CNAME per `www` che punta a `edge.briks.live` e un record TXT chiamato `_briks` che dimostra che il dominio è tuo. Briks li ricontrolla ogni 2 minuti e emette per te il certificato di sicurezza. [Collega il tuo dominio](https://briks.dev/it/docs/custom-domains) ti guida passo passo. ## Se qualcosa va storto ### La costruzione non è riuscita. Mi è stato addebitato qualcosa? No. Una richiesta che fallisce non viene addebitata e il suo importo trattenuto torna nel tuo saldo. Il progetto mostra **Needs attention**; leggi l'ultimo messaggio della conversazione, poi invia il messaggio successivo per proseguire. ### Non ho abbastanza crediti per una modifica. Lo studio ti dice cosa comporta la modifica e qual è il tuo saldo, e non parte nulla. Una modifica che aggiunge pagine può anche essere rifiutata quando di solito richiede più crediti di quelli che hai, con la stima. Il tuo sito resta online. Un Owner può passare a un piano con più crediti dalla finestra che si apre, oppure da **Billing**. Vedi [crediti e piani](https://briks.dev/it/docs/credits-and-plans). ### Posso creare un secondo sito con Free? No. Il piano Free include 1 progetto. Pro e superiori ne includono di più; vedi la tabella dei piani in [crediti e piani](https://briks.dev/it/docs/credits-and-plans). ### Qualcun altro deve vederlo prima che vada online. Invia loro l'indirizzo dell'anteprima. Non serve un account. Vedi [condividere un'anteprima](https://briks.dev/it/docs/sharing-a-preview). ## Da leggere dopo - [Creazione in corso **Avvia un nuovo progetto** Ogni scelta della pagina New project, passo dopo passo: tipo di progetto, brief, un sito che ti piace, brand, immagini, opzioni di creazione e costo di avvio.](https://briks.dev/it/docs/new-project) - [Creazione in corso **Scrivere una buona descrizione** Cosa mettere in un brief perché la prima creazione riesca: l'attività, il pubblico, le pagine, l'azione principale, fatti e tono, con sei esempi prima e dopo.](https://briks.dev/it/docs/writing-a-brief) - [Lavorare a un progetto **Fare modifiche** Come cambiare il sito scrivendo a Briks: cosa dire, aggiungere immagini, cosa include e costa una modifica, pagine interne, richieste in coda, correzioni.](https://briks.dev/it/docs/making-changes) - [Pubblicazione e domini **Pubblica in produzione** Porta un sito Briks dall'anteprima alla produzione: cosa legge il controllo del lancio, cosa lo blocca, come risolvere ogni problema e tornare all'anteprima.](https://briks.dev/it/docs/publish-to-production) Hai ancora dubbi? Scrivi a [hello@briks.dev](mailto:hello@briks.dev) indicando il nome del tuo progetto e cosa ti aspettavi di vedere. Uno screenshot aiuta.