--- title: "Éclair 1.7: o modo Visual e páginas criadas pela IA" description: "O Éclair 1.7 traz o modo Visual, para editar a sua página do jeito que ela aparece, e a criação de páginas completas pela IA. Novidades, custos e atualização." url: "https://eclaircms.org/blog/eclair-1-7-modo-visual-e-ia" lang: "pt" author: "Thierry Gustin" published: "2026-10-31" updated: "2026-11-01" --- # Éclair 1.7: o modo Visual e páginas criadas pela IA > **O essencial** — Lançada em 31 de outubro de 2026, a versão 1.7 do Éclair traz o modo Visual: a sua página aparece no editor com o seu tema e é editada ali mesmo. Ela também traz o “Criar com IA”, que monta um rascunho de página completo a partir da sua descrição, por cerca de US$ 0,08 com o Claude Sonnet 5.5, e o conector MCP agora sabe montar uma página em seções. O seu site público continua idêntico até o último byte. O Éclair 1.7 está disponível desde 31 de outubro de 2026. Duas novidades mudam a forma de construir o seu site: o **modo Visual**, que deixa você editar a sua página do jeito que ela aparece, e o **Criar com IA**, que monta uma página completa a partir de algumas linhas. O seu site público, por sua vez, não muda nem um byte. ## O que muda com o Éclair 1.7? | Novidade | O que ela traz para você | | --- | --- | | Modo Visual | Você edita a página com o seu tema, ali mesmo: textos, imagens e blocos | | Criar com IA | Um rascunho de página completo a partir da sua descrição, em 20 a 60 segundos | | Conector MCP | O Claude ou o ChatGPT montam uma página inteira em seções, como rascunho | | Nos bastidores | Arquivo de 440 KB, 502 verificações automáticas, renderização pública inalterada | ## Como funciona o modo Visual? ![O modo Visual do editor: a página aparece com o tema do site, o bloco “Diferenciais” está selecionado com a sua barra de ferramentas (mover para cima, mover para baixo, duplicar, excluir, adicionar, retocar com IA) e o seu formulário no painel da dir](https://eclaircms.org/media/2026/11/pt-visual-mode.webp) *O modo Visual: a página com o tema do site, um bloco selecionado, a sua barra de ferramentas e o seu formulário à direita.* No topo do editor, passe de **Blocos** para **Visual**: a sua página aparece com o tema real do seu site, exatamente como os seus visitantes vão vê-la. A sua escolha fica guardada para a próxima vez. - **Escrever**: clique em um título, um parágrafo, uma pergunta do FAQ ou o texto de um botão e digite. `Ctrl+B`, `Ctrl+I` e `Ctrl+K` aplicam negrito, itálico ou criam um link. - **Organizar**: um clique em um bloco mostra a sua barra, para movê-lo para cima ou para baixo, duplicá-lo, excluí-lo ou adicionar um bloco acima ou abaixo. - **Trocar uma imagem**: clique nela para escolher outra na biblioteca de mídia, imagem destacada incluída. - **Configurar um bloco**: o painel da direita mostra o formulário dele (link de um botão, número de artigos…) e, em seguida, as abas Documento, SEO e Análise. - **Retocar com IA**: ✨ melhora, corrige, encurta, desenvolve, simplifica ou traduz o texto do bloco. - **Conferir e desfazer**: veja a página na largura de celular (390 px), de tablet (768 px) ou de computador e volte atrás com `Ctrl+Z`, até 50 passos. Tudo passa pelo editor de sempre: salvamento, rascunho local de segurança, histórico de versões e análise de SEO e GEO em tempo real. ## Como criar uma página com IA? Em um conteúdo novo (página, artigo ou produto), abra a caixa **✨ Criar com IA**: 1. Escolha o tipo e o idioma e descreva a sua página em uma ou duas frases. Se quiser, acrescente o **objetivo** (“conseguir pedidos de orçamento”), o **público**, o **tom** e as **seções** desejadas (“banner, vantagens, preços, FAQ, contato”). 2. O **custo estimado** aparece antes de começar e depois é descontado do orçamento do assistente. Se você salvou as duas chaves, escolhe entre o Claude e o ChatGPT. 3. Depois de 20 a 60 segundos, o rascunho abre no **modo Visual**, pronto para revisar. O rascunho traz o título, o endereço, o título SEO, a meta descrição, “O essencial”, a frase-chave e um layout em seções: banner, diferenciais, subtítulos, listas, quadros, FAQ, botões, equipe, formulário de contato, últimos artigos ou produtos. A IA se baseia no seu perfil editorial, na lista das suas páginas publicadas (para que os links levem a páginas que existem) e nas suas 30 imagens mais recentes. > **Nada é inventado** — Um preço, um horário, um número ou um nome que a IA não conhece fica sinalizado por uma marcação “A completar”, entre colchetes. A aba Análise conta essas marcações enquanto elas existirem, e o rascunho nunca é publicado sem você. ## Quanto custa uma página criada pela IA? | Modelo | Preço por 1 milhão de tokens (lidos / escritos) | Página completa | | --- | --- | --- | | Claude Sonnet 5.5 | US$ 2 / US$ 10 | ≈ US$ 0,08 | | Claude Opus 5.5 | US$ 4 / US$ 20 | ≈ US$ 0,16 | Custos estimados pelo guia do Éclair, a partir das tarifas da Anthropic consultadas em 31 de outubro de 2026. Com o conector MCP, quem monta a página é a sua assinatura do Claude ou do ChatGPT: nada a mais para pagar. ## E a partir do Claude ou do ChatGPT? O conector MCP acompanha a novidade: a ferramenta `create_draft` dele agora aceita seções de layout. Peça ao Claude ou ao ChatGPT “Crie uma página Preços com três pacotes, um FAQ e um formulário de contato”: a página chega como rascunho no Éclair, com a mesma estrutura que teria se o assistente integrado a tivesse montado. A configuração está no [guia do conector MCP](https://eclaircms.org/pt/documentacao/conector-mcp). ## O seu site público muda? Não, e é de propósito. O modo Visual só existe na pré-visualização do painel: ele exige login, um token de segurança e permissão de escrita, e essa pré-visualização nunca é armazenada em cache nem indexada. Os testes do Éclair verificam que a renderização pública da 1.7 é idêntica até o último byte à da 1.6, em 43 páginas de referência, e o Lighthouse continua em 100 nas quatro categorias. E o resto até emagreceu: o JavaScript e o CSS do painel ficaram mais leves, e o arquivo pesa 440 KB, ainda menos de 1 MB depois de descompactado. ## Como atualizar para o Éclair 1.7? O procedimento não muda e não mexe nos seus conteúdos: 1. Em **Segurança › Backup**, clique em **Baixar backup**. 2. Por FTP, apague as pastas `app/` e `assets/` e depois envie as da nova versão, junto com `index.php` e `.htaccess`. 3. Não mexa em `data/` (conteúdos, configurações, contas, CSS personalizado) nem em `media/` (imagens). 4. Na administração, clique em **Configurações › Avançado › Limpar cache**. Depois, abra uma página no editor e clique em **Visual**: é só isso. O guia [Atualizar, fazer backup, mudar de hospedagem](https://eclaircms.org/pt/documentacao/atualizacoes) detalha cada etapa, e o arquivo de 440 KB espera por você na página [Baixar](https://eclaircms.org/pt/baixar). ## E depois? Como nas versões anteriores, o seu feedback vai orientar o que vem a seguir. Uma ideia, um bug, uma dúvida? Escreva para mim pela [página de contato](https://eclaircms.org/pt/contato) ou abra uma issue no [GitHub](https://github.com/Jacckisback/eclair-cms/issues). ## Perguntas frequentes sobre o Éclair 1.7 ### O modo Visual deixa o meu site mais lento? Não. Ele só existe no painel: as suas páginas públicas continuam idênticas até o último byte, sempre servidas a partir do cache estático e com nota 100 no Lighthouse. ### Preciso do assistente de IA para usar o modo Visual? Não. O modo Visual funciona sem IA. Só os retoques ✨ e o “Criar com IA” precisam do assistente, com a sua chave do Claude ou do ChatGPT. ### Quanto custa uma página criada pela IA? Cerca de US$ 0,08 com o Claude Sonnet 5.5 e US$ 0,16 com o Claude Opus 5.5, segundo o guia do Éclair. O custo estimado aparece antes de cada pedido e é descontado do orçamento do assistente. ### A IA pode publicar a página que ela criou? Não. A página é sempre criada como rascunho: você a revisa, completa as marcações “A completar” e depois publica. ### Posso ir direto da 1.5 para a 1.7? Pode: o procedimento é o mesmo, qualquer que seja a sua versão, e a 1.7 traz as novidades das versões anteriores. Basta fazer um backup antes. [Baixar o Éclair 1.8.0](https://eclaircms.org/pt/baixar) [Ler o guia do editor](https://eclaircms.org/pt/documentacao/editor) — Thierry Gustin, Créateur d’Éclair CMS, consultant SEO et formateur IA · 1 de novembro de 2026