--- title: "Edite seu site na própria página | Briks" url: https://briks.dev/pt-br/features/visual-editor description: "Clique em qualquer item da sua página e mude textos, imagens, cores, espaçamento e seções por tamanho de tela. As mudanças vão ao ar em meio minuto, grátis." last_updated: 2026-10-08 --- Planos pagos # Mude seu site na própria página O Editor Visual permite mudar o seu site da Briks na própria página, em todos os planos pagos. Abra-o a partir de qualquer projeto, clique nas palavras, na imagem ou na seção que quer mudar e ajuste no painel, como numa ferramenta de design. Cada mudança é escrita no código do seu site, e as edições que você mesmo faz são publicadas sem usar créditos. ## Como funciona 1. **Clique nele na página** Escolha qualquer item em qualquer página do seu site ou encontre-o em Layers. Clique duas vezes nas palavras para digitar no lugar. 2. **Mude para cada tela** Textos, links, imagens, cores, espaçamento, tipografia e seções, para celulares, tablets e computadores, mostrados na página enquanto você trabalha. 3. **Publicar** Suas mudanças entram no ar em cerca de meio minuto como uma nova versão, sem nenhuma cobrança. ## O que você pode mudar Textos, estejam escritos em um título, em um item de lista, em uma parte usada em vários lugares ou nos dados do seu site, como o e-mail, que então muda em todos os lugares onde aparece. Links e para onde um botão leva. Imagens e vídeos, substituídos a partir da sua biblioteca de mídia. O visual de qualquer elemento, nas seções do painel: layout, o espaço dentro e ao redor, tipo de letra, cor, linhas, cantos, sombra e opacidade. As cores são as do seu site, mostradas nas cores que aplicam, e o painel diz o quanto o texto fica legível sobre o fundo. Seções e listas. Na página inicial, mova uma seção para cima ou para baixo, copie-a ou oculte-a; nas outras páginas, mova-a ou retire-a. Mova, copie ou remova um item de uma lista, como um cartão, um plano ou uma pergunta. O site inteiro, pela aba Site: as cores, as fontes de títulos e de texto, os cantos, o modo claro ou escuro, a largura do conteúdo e o espaço entre as seções. ## Celulares, tablets e computadores Mude a largura para ver a página como um celular, um tablet ou um desktop a mostra. Uma mudança vale da largura que você está vendo para cima, então um título menor para celulares deixa o desktop como está, e qualquer coisa pode ser mostrada ou ocultada em cada uma. Hover e foco têm ajustes próprios, então um botão pode mudar de cor quando alguém aponta para ele. ## Seções, camadas e páginas Adicione uma seção entre quaisquer duas: uma pronta, desenhada com as cores do seu site e gratuita, uma em branco para preencher, ou Generate with AI, que mostra o custo habitual em créditos antes de qualquer coisa ser criada. O Quick Edit reúne cada palavra e imagem de uma seção em um único formulário. Camadas lista a página seção por seção, então tudo é fácil de achar e escolher. Clique com o botão direito em qualquer item, na página ou em Camadas, para ver o menu: editar, substituir, duplicar, ocultar no celular, mover ou remover. O painel de páginas adiciona, renomeia, duplica e exclui páginas, define a ordem delas no menu e dá a cada página suas próprias configurações de busca e de compartilhamento. ## Nada muda até você publicar Cada mudança aparece na página enquanto você a faz e fica em um rascunho guardado no servidor, então sobrevive a uma recarga, a uma aba fechada ou a outro dispositivo. Todos que editam o projeto trabalham no mesmo rascunho. Desfazer e refazer percorrem o histórico, a lista de alterações nomeia cada uma e deixa você descartar qualquer uma, e Discard devolve a página como estava. Publish grava as mudanças no código do seu site e o publica como uma nova versão, em geral em cerca de meio minuto. Uma mudança que o código não aceita é recusada com o motivo, e então nada é publicado. O History lista cada versão salva do site, quem a pediu e quando, mostra cada uma como ficou e restaura qualquer uma com um clique. ## Comentários e quem mais está editando Fixe um comentário em qualquer ponto de uma página, responda em uma conversa e cite um colega com @ para avisá-lo. Todos no espaço de trabalho podem comentar, inclusive um Viewer, e um Editor ou superior marca a conversa como resolvida. Rostos na barra do editor mostram quem mais está com o projeto aberto, em que página cada um está e o que cada um escolheu, destacado na página com a cor da pessoa. ## Pergunte à IA, só quando quiser Reescreva textos, deixe-os mais curtos ou mais longos, ou mude o tom deles, e peça que o texto alternativo de uma imagem seja escrito. Cada botão mostra o seu preço, até 0,2 crédito para textos e até 0,1 para texto alternativo, e você fica com o resultado ou o descarta antes que qualquer coisa seja escrita. Ask AI em uma seção dá a ela um novo design ou corrige o layout, ou atende qualquer pedido que você digitar sobre a parte escolhida. É uma alteração normal no estúdio, com o custo habitual mostrado antes, e o Versions desfaz. A verificação lê a página na largura que você está vendo e procura imagens sem texto alternativo, textos difíceis de ler, títulos fora de ordem e links sem nome. Não usa nenhum modelo de IA e não custa nada. ## Quando você precisa do construtor Algo que o editor não faz, como um elemento novo ou outro layout, vai para o construtor pelo painel, sobre o elemento que você escolheu. Essa é uma mudança normal no estúdio e usa créditos. ## Editor Visual na prática Três negócios de exemplo e como cada um usaria. Onde aparece um site, é um exemplo que a Briks criou para um negócio fictício, não um cliente. 1. Padaria **Novo horário, e o cardápio de verão primeiro** Uma padaria muda o horário de sábado nos detalhes do site, e o rodapé e a seção de contato acompanham a mudança. Também coloca o cardápio de verão acima da sua história e publica as duas mudanças de uma vez. 2. Estúdio de fitness **Um título menor nos celulares** O título de um estúdio de fitness quebra em quatro linhas no celular. O dono muda para Phone, reduz o tamanho em dois passos ali, e o título no desktop continua como estava. 3. Ateliê de cerâmica **Mais uma classe** Um ateliê de cerâmica copia o cartão de uma aula, digita o nome e o preço da nova aula na cópia e publica; depois substitui a foto da cópia a partir da biblioteca de mídia. ## O que você recebe - Textos, links, imagens, cores, espaçamento e tipografia - Ajustes para celulares, tablets, desktops, hover e foco - Seções e itens de lista movidos, copiados, escondidos ou removidos - Cores, fontes e cantos do site em um só lugar - Seções adicionadas, páginas gerenciadas, um menu de clique direito em qualquer item - Um rascunho compartilhado, histórico e desfazer - Comentários fixados na página e quem mais está editando - Publicado em cerca de meio minuto, como uma versão - Suas próprias edições não usam créditos; a IA mostra o preço antes ### Bom saber - O Editor Visual está nos planos pagos, para todos no espaço de trabalho que podem alterar seus projetos. - Um site que o editor ainda não consegue ler fica pronto depois da próxima publicação. ## Perguntas sobre o Editor Visual ### O Editor Visual usa créditos? Não para as alterações que você mesmo faz: essas, e a publicação delas, não usam nenhum. Reescrever textos, texto alternativo, Ask AI e Generate with AI usam créditos, e cada um mostra o preço antes. ### Minha equipe pode comentar na página? Sim. Todos no espaço de trabalho podem fixar um comentário em qualquer item de uma página e responder em uma conversa, e mencionar alguém com @ avisa a pessoa. ### Quem pode usar? Qualquer pessoa em um espaço de trabalho com plano pago que possa alterar seus projetos: todos os papéis, exceto Viewer. ### Posso mudar a aparência só nos celulares? Sim. Mude a largura para Phone e altere por lá; tablets e desktops mantêm os próprios ajustes. ### E se eu mudar de ideia? Antes de publicar, desfaça, refaça ou descarte qualquer alteração. Depois de publicar, restaure a versão anterior pelo Histórico no editor ou pelo estúdio. ### Posso editar todas as minhas páginas? Sim. Escolha qualquer página do seu site na lista no topo do editor. ## Recursos relacionados - [Em todos os planos **Mudanças em palavras simples** Peça qualquer mudança no chat do estúdio, como cabeçalho mais escuro ou novos horários. Briks cria e publica, e cada mudança é uma versão que dá para desfazer. Como funciona](https://briks.dev/pt-br/features/changes-in-plain-words) - [Em todos os planos **Versões e desfazer** Toda construção e alteração do Briks é salva como versão. Desfaça, refaça ou restaure qualquer uma pelo estúdio, e o site é publicado de novo como era. Como funciona](https://briks.dev/pt-br/features/versions-and-undo) - [Em todos os planos **Biblioteca de mídia** Toda imagem e vídeo enviado fica em uma biblioteca do espaço de trabalho, pronta para usar na caixa de prompt de qualquer projeto. O espaço cresce com o plano. Como funciona](https://briks.dev/pt-br/features/media-library) [Ver todos os 32 recursos](https://briks.dev/pt-br/features) ## Experimente no seu próprio negócio Descreva em uma frase e o Briks cria. Comece grátis com os créditos que você recebe ao se cadastrar.