Como funciona
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.
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.
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.
- 01Padaria
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.
- 02Estú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.
- 03Ateliê 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.