O editor

Um tour pelo editor da wish4 — chat, prévia ao vivo, árvore de páginas e barra superior.

O editor é onde você cria e altera seu site. Ele tem duas metades: o chat (à esquerda), onde você conversa com a IA, e a prévia ao vivo (à direita), que se atualiza enquanto ela trabalha.

Como criar sites e apps com IA — tutorial do editor da wish4
1 · Descreva2 · Acompanhea criação ao vivo →3 · Salve→ publiqueHistórico→ reverter
Anatomia do editor.

O chat

Digite o que você quer e pressione Enter. Enquanto a IA trabalha, você vê notas curtas de progresso e etiquetas de ação (por exemplo, *Leu /*, *Editou /about*). Você pode:

  • Deixar a próxima mensagem na fila — continue digitando enquanto ela trabalha; sua próxima mensagem é enviada automaticamente quando ela terminar.
  • Interromper — clique no botão Parar para interromper uma execução no meio.
  • Anexar arquivos — clique no clipe ou simplesmente cole uma imagem; veja Imagens e arquivos.
  • Use Option/Cmd+Enter para quebrar a linha sem enviar.

A prévia ao vivo e a árvore de páginas

O lado direito mostra seu site de verdade. Sites com várias páginas ganham abas no topo, organizadas em uma árvore para você enxergar a estrutura — uma página de seção (como /services) mostra as subpáginas recuadas logo abaixo. Use a alternância desktop/celular para conferir a responsividade e clique em uma aba para trocar de página.

A caixa de mensagem

  • Seletor Criar / Conversar — Criar faz as alterações; Conversar só discute as ideias com você. Veja Modos Criar e Conversar.
  • Voz — toque no microfone e dite; uma onda sonora ao vivo mostra que ela está ouvindo. Confirme com ✓ ou descarte com ✕. A setinha ao lado do microfone escolhe o idioma do ditado.
  • Editar uma mensagem enviada — passe o mouse sobre sua mensagem e clique no lápis: ela volta para a caixa de mensagem, e ao enviar tudo é refeito a partir daquele ponto (as alterações posteriores são desfeitas antes).

A barra de ferramentas da prévia

  • Abas Prévia / Configurações — o mesmo workspace, duas visões. Configurações reúne domínio, acesso, favicon, sitemap, redirecionamentos, SEO e zona de perigo.
  • Editar — modo de comentário: clique em qualquer elemento da página e envie um feedback preso a ele. Veja Aponte para elementos.
  • Seletor de dispositivo — alterne entre as telas de desktop / tablet / celular para conferir a responsividade.
  • Seletor de página — mostra o nome da página atual; a setinha abre um seletor de páginas com busca, e o ícone de atualizar recarrega a prévia.
  • Publicar — abre o painel de publicação: status, seu endereço ao vivo com copiar/abrir, quem pode ver o site e o botão de publicar. Um ponto pulsando no botão indica que há alterações não publicadas. Veja Publicação e visibilidade.

As alterações ficam salvas como rascunho até você clicar em Publicar. Seu site no ar só muda quando você publica.