Una visita alla pagina del progetto
Ogni sito, app o dashboard che crei in Briks ha la sua pagina di progetto. Qui parli con Briks, guardi il sito cambiare e raggiungi tutto il resto del progetto. Questo giro la percorre una volta, così sai a cosa serve ogni parte prima di averne bisogno.
- 1Dove ti trovi: Projects, poi il nome del progetto, con il suo indirizzo su uno schermo largo. Sotto, le schede del progetto in parole: Studio, Analytics, Media, Database (quando il progetto ne ha uno, e prima per Owner e Admin), Storage, Chatbot e Settings.
- 2La conversazione. Chiedi una modifica o fai una domanda con parole semplici.
- 3L'anteprima del tuo sito, aggiornata dopo ogni pubblicazione.
- 4Strumenti dell'anteprima: la larghezza con cui vederla, ricarica, schermo intero e apertura in una nuova scheda.
- 5Publish porta il sito in produzione quando sei pronto.
Aprire un progetto
Clicca Projects nella barra laterale, poi il progetto che vuoi. Gli ultimi progetti sono elencati anche sotto Projects nella barra laterale stessa, ciascuno con un punto che ne indica lo stato, così puoi passare subito a uno di essi. Un progetto si apre sempre sulla scheda Studio: la conversazione e l'anteprima affiancate.
Su un portatile o un desktop i due sono affiancati. Su uno schermo stretto, come un telefono, viene prima la conversazione e l'anteprima sta sotto.
La barra superiore
La barra in alto dice dove ti trovi. Nella scheda Studio riporta Projects e il nome del progetto. In qualsiasi altra scheda segue il nome della scheda, poi l'eventuale sezione o vista aperta al suo interno, per esempio Projects / Crumb & Co bakery / Settings / Domain. Ogni parte prima dell'ultima è un link per tornarci. Su uno schermo largo l'indirizzo live del progetto sta accanto al nome e apre il sito in una nuova scheda.
Sotto quella riga c'è una riga di schede a parole, con quella aperta sottolineata. Su un telefono la riga scorre di lato, e la riga sopra mostra solo il nome del progetto.
| Scheda | Cosa contiene | Leggi di più |
|---|---|---|
| Studio | La conversazione e l'anteprima. Modifiche e domande vanno qui. | Fare modifiche |
| Visual Editor | La tua pagina accanto a un pannello: clicca su qualsiasi elemento per cambiarne parole, immagini e aspetto, poi pubblica senza usare crediti. È incluso nei piani a pagamento. | Editor visuale |
| Analytics | Visitatori, pagine e provenienza, in una vista Data e una vista Settings. | Analytics |
| Marketing | Post per gli account social del sito. La scheda compare quando la pubblicazione è aperta su Briks. | Post di marketing e social |
| Media | Ogni immagine e video che il sito mostra nell'ultima pubblicazione, ciascuno con Replace. | Libreria multimediale |
| Database | Ciò che il sito conserva, raccolta per raccolta. Compare quando il progetto ha un database e, prima di allora, solo per Owner e Admin, così possono crearne uno. | Database |
| Storage | I file che il progetto conserva, per le sue pagine e per te, nelle viste Files, Usage e Settings. | Storage |
| Chatbot | Una chat per il sito pubblicato che risponde in base alle sue pagine e passa oltre ciò a cui non sa rispondere. | Chatbot |
| Settings | Tutto il resto: nome e marchi del progetto, dominio, moduli, chat, email, versioni, backup e strumenti per sviluppatori. | Vedi sotto |
All'estrema destra della barra, dopo la prima pubblicazione del sito, vedrai un'etichetta grigia Preview e un pulsante Publish. Ogni build arriva prima a un indirizzo di anteprima. Viene tenuto fuori dai motori di ricerca e i messaggi inviati dai suoi moduli restano nello studio, senza essere inviati per email. Publish esegue un controllo di lancio e, se non c'è nulla da correggere, porta il sito in produzione. Dopo di che il pulsante riporta In production e, se ci clicchi sopra, ti propone Back to preview.
La conversazione
A sinistra c'è una conversazione continua tra te e Briks. I tuoi messaggi stanno a destra in fumetti scuri e le risposte di Briks a sinistra. Sotto ogni risposta c'è una piccola riga con i crediti addebitati per quella richiesta e quanto tempo ci è voluto, più o meno. Sopra la conversazione, un indicatore di stato mostra a che punto è il sito (Draft, Building, Live o Needs attention) e, una volta addebitato qualcosa, il totale progressivo del progetto in crediti.
- Ask for a change con parole semplici, ad esempio
Aggiungi nel footer i nostri orari del sabato: dalle 9 alle 13. Briks lo realizza e lo pubblica. Vedi Fare modifiche. - Ask a question, per esempio
When did the site last change?. Briks risponde nella conversazione senza costruire nulla. Vedi Fare domande. - Rispondi alle domande di Briks prima della prima creazione, oppure approva i suoi testi, l'aspetto o la hero se questi passaggi sono attivi. Vedi Approva mentre crea.
Il riquadro in basso mostra “Change the hero, add a page, adjust the colours…” finché non scrivi. Invio manda il messaggio e Maiusc con Invio va a capo. Accanto al riquadro ci sono tre pulsanti: Attach pictures, Add from your media e Speak your request. Sotto c'è un interruttore, Check the site after this change, che controlla il sito pubblicato a quattro dimensioni di schermo e ripara tutto ciò che appare rotto. Richiede qualche minuto in più, e la tua scelta viene ricordata per quel sito nel tuo browser.
Se il tuo ruolo è Viewer, la casella è sostituita da una nota: «You can view this project. Changes are made by Editors, Admins and Owners of this workspace.» Continui a vedere tutta la conversazione e l'anteprima.
Mentre qualcosa è in costruzione
Nella conversazione compare un pannello con un timer, i passaggi del lavoro e una riga sotto che dice cosa sta facendo Briks in questo momento. Per una modifica i passaggi sono Applying your changes, Verifying build e Publishing, più Checking the published site se hai attivato il controllo. Accanto al timer c'è un pulsante Stop. La casella resta aperta e il suo pulsante diventa Queue, così puoi mettere in coda la richiesta successiva mentre questa finisce.
L'anteprima
Il lato destro è il tuo sito reale, pubblicato, in un riquadro. Non è un'immagine: puoi scorrerlo, cliccare i suoi pulsanti e usare il suo menu per spostarti tra le pagine. L'etichetta sopra riporta Live preview con l'ora dell'ultima pubblicazione, e il riquadro si ricarica da solo un istante dopo ogni pubblicazione, così vedi sempre ciò che vedono i visitatori.
| Controllo | Cosa fa |
|---|---|
| Desktop | Mostra il sito a tutta la larghezza della cornice. |
| Tablet | La mostra larga 834 pixel, con cornice, come un tablet tenuto in verticale. |
| Phone | La mostra larga 390 pixel, come un tipico telefono. |
| L'elenco delle pagine | Compare quando il sito ha più di una pagina: scegli una pagina per aprirla nel riquadro. |
| Frecce annulla e ripeti | Torna alla versione precedente, oppure avanza di nuovo. Vedi Versions. |
| Versions (l'orologio, che mostra il numero attuale come v7) | Elenca ogni versione salvata, con Make live e Test against live. |
| Reload preview | Ricarica la pagina senza aspettare una pubblicazione. |
| Full screen | Dà all'anteprima l'intera finestra. Premi Esc per chiuderla. |
| Open in new tab | Apre il sito al suo indirizzo. |
Prima della prima pubblicazione non c'è ancora nessun sito da mostrare, quindi l'anteprima dispone la tua pagina parte per parte mentre Briks la pianifica e la scrive. Quando sono pianificate altre pagine, piccole schede (Home e il nome di ciascuna pagina) ti permettono di guardarle una per una. Guardare una costruzione spiega quella vista.
La scheda Settings
Settings raccoglie tutto ciò che non è una scheda a sé. Si apre su General, con ogni sezione elencata a sinistra in gruppi. Su uno schermo stretto, come un telefono, l'elenco si chiude sotto un unico controllo che riporta Settings: e il nome della sezione aperta. Toccalo per sceglierne un'altra.
| Sezione | Gruppo | A cosa serve | Leggi di più |
|---|---|---|---|
| General | In alto | Nome, logo, favicon, il badge Built with Briks, Made with Briks, copia, spostamento ed eliminazione. | Impostazioni del progetto |
| Domain | In alto | L'indirizzo del sito e i tuoi domini. | Collega il tuo dominio |
| Preferences | In alto | Le regole che ogni build rispetta, da dove arrivano le immagini, cosa fa ogni modifica e i siti web da cui il sito può caricare contenuti. | Impostazioni del progetto |
| Forms | Moduli ed email | Ciò che i visitatori inviano tramite i moduli del sito. | Moduli |
| Chats | Moduli ed email | Ogni conversazione che i visitatori hanno avuto con la chat del sito negli ultimi 90 giorni, dalla più recente, con Export CSV. | Chatbot |
| Emails | Moduli ed email | L'email che il sito invia ai suoi visitatori. | Email del sito |
| Sign-in e Payments | Accounts and payments | Come accedono i visitatori del tuo sito e il gestore di pagamenti con cui il sito incassa, ciascuno con le tue chiavi. | Accesso e pagamenti |
| Versions | Versioni e backup | Ogni versione pubblicata, ciascuna con un modo per ripristinarla. | Versioni pubblicate |
| Backups | Versioni e backup | Ogni versione del codice, pronta da ripristinare o da scaricare con un piano a pagamento. | Backups |
| File Explorer | Developer | Il codice scritto per il sito: leggilo e modificalo, e con un piano a pagamento scaricalo. | Il codice del tuo sito |
| GitHub | Developer | Conserva il codice del sito in un repository GitHub, allineato in entrambe le direzioni. | Sincronizzazione con GitHub |
| Secrets | Developer | Chiavi e password che il codice del sito legge. Una volta salvato, un valore non può più essere mostrato. | Secrets |
| Webhooks | Developer | Avvisa altri servizi quando succede qualcosa sul sito. | Webhook |
| Deploy hooks | Developer | Indirizzi segreti che pubblicano di nuovo il progetto quando qualcosa li chiama. | Deploy hook |
| Attività programmate | Developer | Chiamate che il progetto esegue a orari programmati, nel tuo fuso orario. | Attività pianificate |
| Logs | Developer | Ogni creazione, modifica e pubblicazione, e i passaggi di ciascuna. | Logs |
I link salvati prima che queste sezioni passassero in Settings, per esempio quelli nelle email più vecchie, funzionano ancora: aprono la stessa sezione qui.
Una prima occhiata, passo dopo passo
Dieci minuti con un nuovo progetto
Controlla lo stato
Dove: Studio
Guarda l'etichetta sopra la conversazione. Live significa che l'ultima pubblicazione è andata a buon fine. Needs attention significa che l'ultimo lavoro non è riuscito, e la conversazione ne spiega il motivo.
Guardalo su un telefono
Dove: Preview toolbar
Clicca Phone, scorri tutta la pagina e apri il menu. La maggior parte di ciò che le persone vogliono correggere si vede prima qui.
Naviga tra le pagine
Dove: Preview
Usa il menu del sito dentro il riquadro per visitare ogni pagina, esattamente come farebbe un visitatore.
Apri le versioni
Dove: Versions
Clicca l'icona dell'orologio con il numero di versione. Ogni creazione e modifica è elencata, e quella che vedono i visitatori è contrassegnata da Live.
Dagli un nome adeguato
Dove: Settings, General
Apri la scheda Settings, che si apre su General. Controlla il nome del progetto, aggiungi il tuo logo e la tua favicon se li hai, e premi Save sotto Name and marks.
Chiedi la tua prima modifica
Dove: Studio
Tornato su Studio, scrivi una modifica precisa e premi Invio. Guarda i passaggi, poi guarda l'anteprima quando si ricarica.
Pubblica quando sei pronto
Dove: Top bar
Premi Publish. Prima parte il controllo di lancio e il suo risultato arriva nella conversazione.
Cosa vede ogni ruolo
| Ruolo | Nella pagina del progetto |
|---|---|
| Owner e Admin | Tutto, compresa l'eliminazione del progetto, il suo spostamento in un altro spazio di lavoro e la modifica del suo indirizzo. |
| Editor | Modifiche, domande, pubblicazione, versioni, test A/B, il Visual Editor e la modifica del codice. Non eliminare, spostare o cambiare l'indirizzo. |
| Viewer | La conversazione, l'anteprima, l'elenco delle versioni e le analisi, in sola lettura. Niente campo per i prompt, niente registro Chats, e il Visual Editor solo per guardare e commentare. |
I ruoli appartengono allo spazio di lavoro, non a un singolo progetto. Membri e ruoli ha la tabella completa.
Perché non c'è un pulsante Publish?
Compare dopo la prima pubblicazione del sito. Fino ad allora non c'è nulla da portare in produzione.
Perché non vedo la scheda Database?
Compare quando il progetto ha un database. Prima, la vedono solo Owner e Admin, così possono crearne uno. Database spiega come si crea.
Perché non vedo la scheda Visual Editor?
L'Editor visivo è incluso nei piani a pagamento, quindi uno spazio di lavoro con il piano Free non mostra la scheda. Un Owner può cambiare piano in Billing. Vedi Editor visivo.
L'anteprima sembra non aggiornata.
Clicca Reload preview. Dopo una pubblicazione, il riquadro attende un paio di secondi prima di ricaricarsi, così la nuova versione è pronta ovunque.
Chi può fermare una build?
Editor, Admin e Owner. Fermarne una che non è ancora iniziata non costa nulla.