Tayon Help

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
A barra de ferramentas do editor
A barra de ferramentas do editor

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

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.

O editor, com a pré-visualização em cima e o chat do site inteiro embaixo
O editor, com a pré-visualização em cima e o chat do site inteiro embaixo

#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

  1. Confira se você clicou no que queria. O título do painel diz — Editar elemento, Editar caixa, Editar imagem ou Editar seção.
  2. Para mudar texto, use a caixa Texto e Salvar em vez da caixa de IA. É exato, instantâneo e gratuito.
  3. 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.
  4. Republique. As alterações no editor só chegam a um site no ar depois que você aperta Republicar.

Atualizado: