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.

10 min de leituraConferido com o estúdio em 8 de outubro de 2026

  1. 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.
  2. 2A conversa. Peça uma mudança ou faça uma pergunta em palavras simples.
  3. 3A prévia do seu site, atualizada após cada publicação.
  4. 4Ferramentas da prévia: a largura de visualização, recarregar, tela cheia e abrir em nova aba.
  5. 5Publish leva o site para produção quando você estiver pronto.
A página de projeto de um site de padaria de exemplo: onde você está e Publish na barra superior, as abas do projeto abaixo dela, a conversa à esquerda e a prévia ao vivo à direita.

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.

AbaO que ele guardaSaiba mais
StudioA conversa e a prévia. Alterações e perguntas vêm para cá.Fazendo alterações
Visual EditorSua 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
AnalyticsVisitantes, páginas e de onde eles vieram, em uma visão Data e uma visão Settings.Análises
MarketingPosts para as contas sociais do site. A aba aparece quando a publicação está aberta no Briks.Marketing e publicações sociais
MídiaCada imagem e vídeo que o site mostra na última publicação, cada um com Replace.Biblioteca de mídia
DatabaseO 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
ArmazenamentoOs arquivos que o projeto guarda, para as páginas dele e para você, nas visualizações Files, Usage e Settings.Armazenamento
ChatbotUm chat para o site publicado que responde com base nas próprias páginas e repassa o que não sabe responder.Chatbot
SettingsTodo 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.

ControleO que ele faz
DesktopMostra o site na largura total do quadro.
TabletMostra com 834 pixels de largura, com moldura, como um tablet na vertical.
PhoneMostra com 390 pixels de largura, como um celular comum.
A lista de páginasAparece quando o site tem mais de uma página: escolha uma página para abri-la no quadro.
Setas de desfazer e refazerVolte à 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 previewRecarrega a página sem esperar uma publicação.
Full screenDá à prévia a janela inteira. Pressione Esc para fechar.
Open in new tabAbre 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çãoGrupoPara que serveSaiba mais
GeneralNo topoNome, logo, favicon, o selo Built with Briks, Made with Briks, cópia, mudança e exclusão.Configurações do projeto
DomínioNo topoO endereço do site e os seus próprios domínios.Conecte seu domínio
PreferencesNo topoAs 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
FormsForms and emailO que os visitantes enviam pelos formulários do site.Formulários
ChatsForms and emailTodas as conversas que os visitantes tiveram com o chat do site nos últimos 90 dias, da mais recente à mais antiga, com Export CSV.Chatbot
EmailsForms and emailE-mail que o site envia aos seus visitantes.Email do site
Sign-in e PaymentsAccounts and paymentsComo 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
VersionsVersions and backupsTodas as versões que foram publicadas, cada uma com um jeito de restaurar.Versões publicadas
BackupsVersions and backupsTodas as versões do código, prontas para restaurar ou, em um plano pago, para baixar.Backups
File ExplorerDeveloperO código escrito para o site: leia, edite e, em um plano pago, baixe.O código do seu site
GitHubDeveloperMantém o código do próprio site em um repositório do GitHub, sincronizado nos dois sentidos.Sincronização com o GitHub
SecretsDeveloperChaves e senhas que o código do próprio site lê. Depois de salvo, um valor nunca mais pode ser exibido.Segredos
WebhooksDeveloperAvise outros serviços quando algo acontecer no site.Webhooks
Deploy hooksDeveloperEndereços secretos que publicam o projeto de novo quando algo os chama.Hooks de implantação
Scheduled tasksDeveloperChamadas que o projeto faz em um horário definido, no seu fuso horário.Tarefas agendadas
LogsDeveloperCada 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

  1. 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ê.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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çãoNa página do projeto
Owner e AdminTudo, inclusive excluir o projeto, movê-lo para outro espaço de trabalho e mudar o endereço dele.
EditorAlteraçõ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.
ViewerA 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.