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.

Celular: Grande. Desktop: Grande.

Uma página de exemplo de uma padaria fictícia. Cada largura mantém seu próprio tamanho, como no Editor Visual, e nada aqui é publicado.

Experimente: esta demonstração funciona aqui mesmo na página.

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.

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.