Edite seu site clicando nele
Altere textos, links, imagens, caixas e seções inteiras direto na pré-visualização — e use o chat para mudanças que afetam o site todo.
Você vai precisar: Um site já gerado pelo AI Builder.
O editor de sites é uma tela só: uma pré-visualização ao vivo do seu site em cima, um painel de chat embaixo. Você muda coisas pequenas clicando nelas na pré-visualização, e coisas grandes pedindo no chat.
Abra pelo menu Websites ou pelo cartão do projeto no AI Builder.
#A barra de ferramentas
A barra flutuante sobre a pré-visualização reúne tudo o que não é edição. Arraste-a pela alça à esquerda se ela cobrir alguma coisa.
| Controle | O que faz |
|---|---|
| ← | Volta para Meus sites |
| Menu de páginas | Troca de página — só aparece em sites de várias páginas |
| 🖥 📱 | Pré-visualiza em desktop, 768 px e largura de celular |
| ↶ Desfazer | Volta pelas suas alterações, uma de cada vez |
| ⬇ | Baixa o site como arquivos HTML |
| ⚙ | Abre Configurações do site |
| Publicar | Coloca o site no ar — veja Publicar seu site |
| Novo | Começa um site do zero; este continua salvo |

#Clique em algo para alterar
Clique em qualquer elemento da pré-visualização e um pequeno painel abre ao lado. O que o painel oferece depende do que você clicou.
#Texto
O texto atual já vem na caixa. Edite e escolha Salvar. Isso é instantâneo e gratuito — nenhuma IA é usada.
Embaixo há uma segunda caixa com o rótulo ou peça à IA. Use quando você quiser uma reescrita em vez de um texto exato: deixe mais curto e mais simpático, aumente o tamanho, mude a cor. Escolha Aplicar.
#Links
Um link mostra o destino além do texto. Você pode digitar um endereço completo,
uma âncora como #contact ou outra página do site, como services.html. Texto e
destino são salvos juntos.
Links externos abrem em uma nova aba; âncoras e páginas suas continuam na mesma.
#Imagens
Clique em uma imagem e você tem três opções:
- Descrever uma nova imagem e escolher Gerar imagem com IA (75 cr)
- Enviar um arquivo seu
- Pedir uma alteração em palavras e depois Aplicar
Espaços vazios ficam contornados e marcados com Clique para adicionar uma imagem. Nesses casos o título do painel é Adicionar imagem.
#Caixas
Cards, painéis com moldura, colunas de recursos e linhas de depoimentos podem ser selecionados como um todo. O painel mostra Editar caixa e aceita uma instrução — mude o fundo desta caixa para amarelo, adicione uma borda. Se a caixa contiver uma imagem, você também ganha a opção de substituí-la.
#Seções inteiras
Clique no fundo de uma seção — em qualquer ponto sem elemento sob o cursor — e o painel passa a valer para a seção inteira, com o título Editar seção. Um contorno tracejado aparece quando você passa o mouse sobre uma seção, então dá para ver quando você está prestes a pegar a seção em vez de um elemento.
Escreva o que você quer e escolha Aplicar à seção. Só o que você pediu é alterado; o resto da seção permanece.

#Peça mudanças no site inteiro pelo chat
O painel de chat na parte de baixo cuida de tudo o que não é um elemento específico. O texto de exemplo dele já resume bem o que ele aceita:
- Traduza para o espanhol
- Adicione uma seção de depoimentos — acrescentada à página que você está vendo
- Deixe escuro e luxuoso — troca o esquema de cores inteiro
- Mude o fundo para um creme suave — altera só as cores que você nomeou e mantém o texto legível
- Adicione meu web bot — coloca o seu balão de chat no site
O chat também guarda a conversa original de antes de o site ser criado, então você pode rolar para trás e ver o que pediu.
#Desfazer
↶ Desfazer, na barra de ferramentas, volta pelas suas alterações — edições de elemento, reescritas de seção e mudanças de estilo do site inteiro, todas na mesma fila. Não existe refazer, então desfaça um passo por vez e confira a pré-visualização.
#Excluir coisas
Tanto o painel de elemento quanto o de seção têm um botão de lixeira. A exclusão pede confirmação e pode ser revertida com Desfazer.
#Se uma edição não pega
- Confira se você clicou no que queria. O título do painel diz — Editar elemento, Editar caixa, Editar imagem ou Editar seção.
- Para mudar texto, use a caixa Texto e Salvar em vez da caixa de IA. É exato, instantâneo e gratuito.
- Se um elemento com estilos misturados dentro dele não aceitar a edição direta de texto, o editor recorre automaticamente a uma reescrita por IA. Isso demora alguns segundos a mais.
- Republique. As alterações no editor só chegam a um site no ar depois que você aperta Republicar.
Atualizado: