Um tour pela página do projeto
Todo site, app ou dashboard que você cria na Briks tem sua própria página de projeto. É nela que você conversa com a Briks, vê o site mudar e acessa tudo o mais que o projeto tem. Este tour passa por ela uma vez, para você saber para que serve cada parte antes de precisar dela.
- 1Onde você está: Projects, depois o nome do projeto, com o endereço dele em telas largas. Abaixo, as abas do projeto em palavras: Studio, Analytics, Media, Database (quando o projeto tem um e, antes disso, para Owners e Admins), Storage, Chatbot e Settings.
- 2A conversa. Peça uma mudança ou faça uma pergunta em palavras simples.
- 3A prévia do seu site, atualizada após cada publicação.
- 4Ferramentas da prévia: a largura de visualização, recarregar, tela cheia e abrir em nova aba.
- 5Publish leva o site para produção quando você estiver pronto.
Abrir um projeto
Clique em Projects na barra lateral e depois no projeto que você quer. Seus projetos mais recentes também aparecem listados em Projects na própria barra lateral, cada um com um ponto indicando o estado, para você ir direto a um deles. Um projeto sempre abre na aba Studio: a conversa e a prévia lado a lado.
Em um notebook ou desktop, os dois ficam lado a lado. Em uma tela estreita, como a de um celular, a conversa vem primeiro e a prévia fica embaixo.
A barra superior
A barra no topo diz onde você está. Na aba Studio, ela mostra Projects e o nome do projeto. Em qualquer outra aba, o nome da aba vem em seguida, depois qualquer seção ou visão aberta dentro dela, por exemplo Projects / Crumb & Co bakery / Settings / Domain. Cada parte antes da última é um link de volta. Em tela larga, o endereço ao vivo do projeto fica ao lado do nome e abre o site em uma nova aba.
Abaixo dessa linha há uma fileira de abas em palavras, com a aberta sublinhada. No celular a fileira rola para o lado, e a linha acima dela mostra só o nome do projeto.
| Aba | O que ele guarda | Saiba mais |
|---|---|---|
| Studio | A conversa e a prévia. Alterações e perguntas vêm para cá. | Fazendo alterações |
| Visual Editor | Sua própria página ao lado de um painel: clique em qualquer coisa para mudar textos, imagens e aparência, e publique sem usar créditos. Vem com os planos pagos. | Editor visual |
| Analytics | Visitantes, páginas e de onde eles vieram, em uma visão Data e uma visão Settings. | Análises |
| Marketing | Posts para as contas sociais do site. A aba aparece quando a publicação está aberta no Briks. | Marketing e publicações sociais |
| Mídia | Cada imagem e vídeo que o site mostra na última publicação, cada um com Replace. | Biblioteca de mídia |
| Database | O que o site armazena, coleção por coleção. Aparece quando o projeto tem um banco de dados e, antes disso, só para Owner e Admin, para que possam criar um. | Banco de dados |
| Armazenamento | Os arquivos que o projeto guarda, para as páginas dele e para você, nas visualizações Files, Usage e Settings. | Armazenamento |
| Chatbot | Um chat para o site publicado que responde com base nas próprias páginas e repassa o que não sabe responder. | Chatbot |
| Settings | Todo o resto: o nome e as marcas do projeto, o domínio, formulários, chats, e-mail, versões, backups e ferramentas para desenvolvedores. | Veja abaixo |
No canto direito da barra, depois que o site for publicado pela primeira vez, você verá uma etiqueta cinza Preview e um botão Publish. Cada versão gerada vai primeiro para um endereço de prévia. Ele fica fora dos mecanismos de busca, e as mensagens enviadas pelos formulários ficam guardadas no estúdio em vez de chegarem por e-mail. Publish faz uma verificação de lançamento e, se nada precisar de correção, leva o site para produção. Depois disso, o botão passa a mostrar In production, e ao clicar nele aparece a opção Back to preview.
A conversa
O lado esquerdo é uma conversa contínua entre você e Briks. Suas mensagens ficam à direita em balões escuros e as respostas de Briks ficam à esquerda. Embaixo de cada resposta há uma linha pequena com os créditos cobrados por aquele pedido e mais ou menos quanto tempo levou. Acima da conversa, uma etiqueta de status mostra em que ponto o site está (Draft, Building, Live ou Needs attention) e, depois que algo for cobrado, o total acumulado do projeto em créditos.
- Peça uma alteração em palavras simples, como
Adicione nosso horário de sábado ao rodapé: 9h às 13h. O Briks cria e publica. Veja Como fazer alterações. - Ask a question, como
When did the site last change?. O Briks responde na conversa sem criar nada. Veja Fazendo perguntas. - Responda às perguntas do Briks antes de uma primeira construção, ou aprove os textos, o visual ou a seção principal se essas etapas estiverem ativadas. Veja Aprovar durante a construção.
A caixa na parte de baixo mostra “Change the hero, add a page, adjust the colours…” até você digitar. Enter envia, e Shift com Enter inicia uma nova linha. Ao lado da caixa há três botões: Attach pictures, Add from your media e Speak your request. Abaixo dela há uma chave, Check the site after this change, que examina o site publicado em quatro tamanhos de tela e corrige o que aparecer quebrado. Ela leva alguns minutos a mais, e a sua escolha fica lembrada para esse site no seu navegador.
Se o seu papel for Viewer, a caixa é substituída por um aviso: “Você pode ver este projeto. As alterações são feitas por Editors, Admins e Owners deste espaço de trabalho.” Você continua vendo toda a conversa e a prévia.
Enquanto algo está sendo criado
Um painel aparece na conversa com um cronômetro, as etapas do trabalho e uma linha embaixo dizendo o que a Briks está fazendo agora. Em uma alteração, as etapas são Applying your changes, Verifying build e Publishing, mais Checking the published site se você ativou a verificação. Um botão Stop fica ao lado do cronômetro. A caixa continua aberta e o botão dela muda para Queue, então você pode enfileirar o próximo pedido enquanto este termina.
A prévia
O lado direito é o seu site real, publicado, dentro de um quadro. Não é uma imagem: você pode rolar a página, clicar nos botões e usar o menu do próprio site para navegar entre as páginas. A etiqueta acima dele mostra Live preview com o horário da última publicação, e o quadro recarrega sozinho logo depois de cada publicação, então você sempre vê o que os visitantes veem.
| Controle | O que ele faz |
|---|---|
| Desktop | Mostra o site na largura total do quadro. |
| Tablet | Mostra com 834 pixels de largura, com moldura, como um tablet na vertical. |
| Phone | Mostra com 390 pixels de largura, como um celular comum. |
| A lista de páginas | Aparece quando o site tem mais de uma página: escolha uma página para abri-la no quadro. |
| Setas de desfazer e refazer | Volte à versão anterior ou avance de novo. Veja Versões. |
| Versions (o relógio, mostrando o número atual, como v7) | Lista todas as versões salvas, com Make live e Test against live. |
| Reload preview | Recarrega a página sem esperar uma publicação. |
| Full screen | Dá à prévia a janela inteira. Pressione Esc para fechar. |
| Open in new tab | Abre o site no próprio endereço. |
Antes da primeira publicação ainda não há um site para mostrar, então a prévia monta sua página parte por parte conforme Briks a planeja e escreve. Quando outras páginas forem planejadas, pequenas abas (Home e o nome de cada página) permitem ver cada uma. Acompanhar uma criação explica essa visualização.
A aba Settings
Settings reúne tudo o que não é uma aba própria. Abre em General, com todas as seções listadas à esquerda em grupos. Em tela estreita, como um celular, a lista se recolhe sob um controle que mostra Settings: e o nome da seção aberta. Toque nele para escolher outra.
| Seção | Grupo | Para que serve | Saiba mais |
|---|---|---|---|
| General | No topo | Nome, logo, favicon, o selo Built with Briks, Made with Briks, cópia, mudança e exclusão. | Configurações do projeto |
| Domínio | No topo | O endereço do site e os seus próprios domínios. | Conecte seu domínio |
| Preferences | No topo | As regras que toda criação segue, de onde vêm as imagens, o que cada alteração faz e os sites dos quais o seu site pode carregar conteúdo. | Configurações do projeto |
| Forms | Forms and email | O que os visitantes enviam pelos formulários do site. | Formulários |
| Chats | Forms and email | Todas as conversas que os visitantes tiveram com o chat do site nos últimos 90 dias, da mais recente à mais antiga, com Export CSV. | Chatbot |
| Emails | Forms and email | E-mail que o site envia aos seus visitantes. | Email do site |
| Sign-in e Payments | Accounts and payments | Como os visitantes do seu site entram e o processador de pagamentos com que o site recebe, cada um com as suas próprias chaves. | Login e pagamentos |
| Versions | Versions and backups | Todas as versões que foram publicadas, cada uma com um jeito de restaurar. | Versões publicadas |
| Backups | Versions and backups | Todas as versões do código, prontas para restaurar ou, em um plano pago, para baixar. | Backups |
| File Explorer | Developer | O código escrito para o site: leia, edite e, em um plano pago, baixe. | O código do seu site |
| GitHub | Developer | Mantém o código do próprio site em um repositório do GitHub, sincronizado nos dois sentidos. | Sincronização com o GitHub |
| Secrets | Developer | Chaves e senhas que o código do próprio site lê. Depois de salvo, um valor nunca mais pode ser exibido. | Segredos |
| Webhooks | Developer | Avise outros serviços quando algo acontecer no site. | Webhooks |
| Deploy hooks | Developer | Endereços secretos que publicam o projeto de novo quando algo os chama. | Hooks de implantação |
| Scheduled tasks | Developer | Chamadas que o projeto faz em um horário definido, no seu fuso horário. | Tarefas agendadas |
| Logs | Developer | Cada construção, alteração e publicação, e as etapas por que cada uma passou. | Logs |
Links salvos antes de essas seções irem para Settings, como os de e-mails antigos, continuam funcionando: eles abrem aqui a mesma seção.
Uma primeira olhada, passo a passo
Dez minutos com um projeto novo
Confira o status
Onde: Studio
Olhe a etiqueta acima da conversa. Live significa que a última publicação foi concluída. Needs attention significa que a última tarefa falhou, e a conversa explica por quê.
Veja no celular
Onde: Preview toolbar
Clique em Phone, role a página inteira e abra o menu. A maior parte do que as pessoas querem corrigir aparece aqui primeiro.
Navegue pelas páginas
Onde: Preview
Use o menu do próprio site dentro do quadro para visitar cada página, exatamente como um visitante faria.
Abrir as versões
Onde: Versions
Clique no ícone de relógio com o número da versão. Cada construção e alteração aparece na lista, e a que os visitantes veem está marcada como Live.
Dê um nome apropriado
Onde: Settings, General
Abra a aba Settings, que abre em General. Confira o nome do projeto, adicione seu logo e seu favicon, se tiver, e pressione Save em Name and marks.
Peça sua primeira alteração
Onde: Studio
De volta ao Studio, escreva uma alteração específica e tecle Enter. Acompanhe as etapas e depois veja a prévia quando ela recarregar.
Publique quando estiver pronto
Onde: Top bar
Clique em Publish. A verificação de lançamento roda primeiro e o resultado chega na conversa.
O que cada função vê
| Função | Na página do projeto |
|---|---|
| Owner e Admin | Tudo, inclusive excluir o projeto, movê-lo para outro espaço de trabalho e mudar o endereço dele. |
| Editor | Alterações, perguntas, publicação, versões, testes A/B, o Visual Editor e edição de código. Não inclui apagar, mover nem mudar o endereço. |
| Viewer | A conversa, a prévia, a lista de versões e as análises, somente para leitura. Sem caixa de prompt, sem o registro de Chats, e o Visual Editor só para olhar e comentar. |
Os papéis pertencem ao espaço de trabalho, não a um projeto. Membros e papéis traz a tabela completa.
Por que não há um botão Publish?
Aparece depois que o site é publicado pela primeira vez. Até lá, não há nada para levar à produção.
Por que não vejo a aba Database?
Ela aparece quando o projeto tem um banco de dados. Antes disso, só Owners e Admins a veem, para que possam criar um. Banco de dados explica como se cria um.
Por que não vejo a aba Visual Editor?
O Visual Editor vem com os planos pagos, então um espaço de trabalho no Free não mostra a aba. Um Owner pode mudar o plano em Billing. Veja Editor Visual.
A prévia parece desatualizada.
Clique em Reload preview. Após uma publicação, o quadro espera alguns segundos antes de recarregar, para que a nova versão esteja pronta em todo lugar.
Quem pode interromper uma construção?
Editors, Admins e Owners. Parar uma que ainda não começou não custa nada.