A Builderall permite importar sites criados com ferramentas de Inteligência Artificial em arquivos HTML ou ZIP, publicá-los na internet e continuar editando o projeto diretamente na Builderall usando o AI Website Editor.
Você pode criar seu site com ferramentas como ChatGPT, Claude, Gemini, Lovable, Bolt, Cursor ou qualquer outra plataforma de IA capaz de exportar um site HTML estático.
Depois de importar o site, você pode usar instruções em linguagem natural para modificar o design, adicionar novos elementos, criar formulários funcionais, conectar o MailingBoss, adicionar opções de agendamento, botões de WhatsApp, imagens, vídeos e muito mais — sem precisar editar o código HTML manualmente.
O que você pode fazer #
Com o AI HTML Upload e o AI Website Editor, você pode:
- Fazer upload de um site em HTML, HTM ou ZIP.
- Publicar o site usando a hospedagem e o SSL da Builderall.
- Editar um site importado usando linguagem natural.
- Selecionar elementos específicos visualmente e pedir para a IA modificá-los.
- Adicionar novas seções mantendo o design atual.
- Criar formulários de contato funcionais.
- Conectar formulários ao MailingBoss.
- Conectar formulários a recursos de CRM ou listas da Builderall.
- Adicionar funcionalidades de agendamento.
- Adicionar botões de WhatsApp.
- Gerar ou enviar imagens.
- Incorporar vídeos.
- Conectar um domínio personalizado.
- Salvar e publicar as alterações diretamente pelo editor.
Assista ao tutorial completo #
No vídeo abaixo, você verá o fluxo completo para trabalhar com um site criado com IA dentro da Builderall — desde a importação e análise do projeto HTML até a edição do site com IA, seleção de elementos específicos, adição de recursos e integrações da Builderall e publicação das alterações.
Assista primeiro ao tutorial para ter uma visão completa do processo e, depois, utilize o passo a passo deste artigo sempre que precisar revisar alguma funcionalidade ou configuração específica.
1. Prepare seu site criado com IA #
Crie seu site usando a plataforma de IA de sua preferência.
Quando o site estiver pronto, solicite que a ferramenta exporte o projeto como:
.html.htm.zip
Quando usar um arquivo ZIP? #
Use um arquivo ZIP quando seu site possuir arquivos adicionais, como:
- Imagens
- Arquivos CSS
- JavaScript
- Fontes
- Vídeos
- Várias páginas HTML
- Outros recursos locais
Mantenha todos os arquivos e pastas necessários dentro do mesmo ZIP.
Dica: se o seu site utilizar imagens, otimize-as para web antes do upload. Imagens muito pesadas podem deixar o site desnecessariamente lento.
2. Faça o upload do site na Builderall #
Se você já possui uma conta Builderall, acesse o Website Builder e localize o AI HTML Upload.
Selecione seu arquivo .html, .htm ou .zip.
Em seguida, clique em:
Upload and Analyze
A Builderall irá processar o projeto e prepará-lo para publicação.
Depois que a análise for concluída, você poderá publicar o site e obter uma URL ativa.
Ainda não possui uma conta Builderall? #
Você também pode começar acessando:
host.builderall.com
Faça o upload do seu site criado com IA e hospede-o usando a Builderall.
Depois, você poderá trazer o projeto para o ambiente da Builderall e acessar outros recursos da plataforma conforme seu projeto evoluir.
3. Publique seu site #
Depois que a Builderall analisar os arquivos, publique o site.
Seu site será hospedado na infraestrutura da Builderall com SSL habilitado.
Depois disso, você poderá:
- Compartilhar a URL do site.
- Conectar um domínio que já possui.
- Comprar um domínio pela Builderall.
- Conectar um domínio registrado em outro provedor usando o Domain Manager da Builderall.
Você não precisa fazer um novo upload do site apenas para conectar um domínio.
4. Edite seu site importado com IA #
Esta é uma das principais melhorias no fluxo de importação de HTML criado com IA.
Anteriormente, alterações em um site HTML importado geralmente precisavam ser feitas no arquivo original antes de um novo upload.
Com o AI Website Editor, agora você pode editar o site importado diretamente dentro da Builderall.
Abra seu site e clique em Edit.
O editor exibirá:
- A visualização do seu site.
- O AI Editor.
Em seguida, basta descrever a alteração desejada usando linguagem natural.
Por exemplo:
Adicione um botão de chamada para ação no cabeçalho.
ou:
Adicione uma seção de contato que combine com o design atual desta página.
A IA analisa o site existente antes de criar o novo elemento, ajudando a preservar características como:
- Fontes
- Fundos
- Estilos dos botões
- Espaçamentos
- Hierarquia visual
- Estilo geral do site
5. Use o “Select on Site” para alterações mais precisas #
Quando quiser modificar uma parte específica do site, utilize o recurso Select on Site.
Depois de ativá-lo, os elementos da página poderão ser selecionados.
Selecione o elemento que deseja modificar e dê uma instrução para a IA.
Por exemplo:
Deixe este botão maior e mova-o um pouco para a esquerda.
ou:
Altere esta seção para que o formulário combine com o restante da página.
O Select on Site fornece mais contexto para a IA sobre exatamente onde a alteração deve ser aplicada.
Dica #
Quando quiser alterar um elemento específico, selecione-o antes de enviar o prompt.
Em vez de:
Adicione um botão em algum lugar no topo.
selecione o cabeçalho e use:
Adicione um botão de CTA neste cabeçalho usando o mesmo estilo dos botões existentes.
Isso tende a produzir resultados mais previsíveis.
6. Adicione formulários funcionais #
O AI Editor pode adicionar formulários diretamente ao seu site importado.
Você pode pedir para a IA criar um formulário mantendo o estilo visual existente.
Por exemplo:
Adicione um formulário de contato nesta seção e mantenha o mesmo estilo do restante da página.
O formulário criado pode ser funcional — não apenas um formulário visual em HTML.
Dependendo do seu objetivo, você poderá configurá-lo para:
- Enviar respostas para um endereço de e-mail.
- Conectar ao MailingBoss.
- Adicionar contatos a uma lista ou campanha específica.
- Conectar a recursos de CRM compatíveis da Builderall.
- Utilizar outras integrações disponíveis da Builderall.
Exemplo #
Você pode criar um formulário de contato e configurar a Builderall para enviar as respostas diretamente para um endereço de e-mail específico.
Para geração de leads, você também pode conectar o formulário ao MailingBoss e escolher a lista ou campanha correspondente.
7. Conecte o MailingBoss #
Formulários criados dentro do AI Editor podem ser conectados ao MailingBoss.
Ao criar ou configurar seu formulário, selecione a integração com o MailingBoss e escolha a campanha ou lista desejada.
Isso permite transformar um site HTML criado externamente com IA em parte do seu fluxo de e-mail marketing da Builderall, sem precisar criar uma integração HTML separada manualmente.
Seu fluxo pode ficar assim:
Visitante → Site criado com IA → Formulário → MailingBoss → Automação de e-mail
8. Adicione opções de agendamento #
Você também pode conectar elementos do site às funcionalidades de agendamento da Builderall.
Esse recurso é útil para sites de:
- Consultores
- Agências
- Coaches
- Prestadores de serviços
- Equipes de vendas
- Agendamentos
- Reuniões de diagnóstico
Peça ao AI Editor para adicionar ou integrar a opção de agendamento na área desejada da página.
9. Adicione um botão de WhatsApp #
Você pode usar o AI Editor para adicionar um botão de WhatsApp ao seu site.
Por exemplo:
Adicione um botão flutuante de WhatsApp nesta página.
Você também pode selecionar uma seção específica antes de pedir que a IA adicione o botão.
A IA poderá usar o design existente do site como referência ao criar o novo elemento.
10. Adicione ou gere imagens #
O AI Website Editor também oferece acesso às ferramentas de mídia da Builderall.
Você pode:
- Fazer upload de uma imagem.
- Selecionar uma imagem existente.
- Gerar uma imagem com IA.
- Pedir para a IA inserir uma imagem dentro de uma seção selecionada.
A Builderall utiliza o mesmo toolkit de mídia disponível em outras ferramentas da plataforma, ajudando a manter seus arquivos acessíveis dentro do ecossistema.
Exemplo #
Selecione uma seção e peça:
Gere e adicione uma imagem que combine com o estilo e a identidade deste site.
11. Adicione vídeos #
Vídeos também podem ser incorporados ao seu site criado com IA.
Você pode utilizar:
- Um vídeo incluído nos arquivos do site.
- Um vídeo enviado para a plataforma.
- Um link de vídeo externo compatível.
Depois, você pode pedir ao AI Editor para posicionar ou incorporar o vídeo em uma área específica da página.
Para obter melhores resultados, utilize o Select on Site para indicar onde o vídeo deve aparecer.
12. Salve e publique suas alterações #
Depois de fazer alterações com o AI Editor, salve seu trabalho e publique novamente o site.
A versão publicada passará a incluir as novas alterações e integrações.
Você não precisa voltar para a plataforma de IA original e gerar novamente todo o projeto HTML sempre que quiser fazer uma pequena mudança.
Isso é especialmente útil porque gerar novamente um site inteiro em uma ferramenta de IA externa pode alterar acidentalmente outras partes do design.
Use o AI Editor da Builderall para realizar alterações específicas depois que o site já tiver sido importado.
Arquivos de upload compatíveis #
A Builderall oferece suporte a projetos de sites estáticos.
Principais formatos de upload #
| Tipo | Compatível |
|---|---|
| HTML | .html, .htm |
| ZIP | .zip |
Tamanho máximo do upload #
O arquivo enviado pode ter até 10 MB.
Limites do arquivo ZIP #
Um projeto ZIP pode conter:
- Até 50 MB após a descompactação.
- Até 100 arquivos.
- Até 10 níveis de profundidade de pastas.
- Pelo menos um arquivo
.htmlou.htm.
As pastas em si não contam dentro do limite de 100 arquivos.
Arquivos estáticos compatíveis #
A Builderall oferece suporte a tipos comuns de arquivos utilizados em sites estáticos, incluindo:
Estilos.css
Scripts.js, .mjs, .map
Imagens.jpg, .jpeg, .png, .webp, .gif, .avif, .svg, .ico
Mídia.mp4, .webm, .mp3, .ogg, .wav, .m4a
Fontes.woff, .woff2, .ttf, .otf, .eot
Dados e documentos.json, .txt, .md, .xml, .csv, .pdf
Sites estáticos e código de backend #
O AI HTML Upload foi desenvolvido para sites estáticos.
JavaScript pode ser utilizado porque é executado diretamente no navegador do visitante.
Porém, tecnologias executadas no servidor não são processadas como parte do site enviado.
Alguns exemplos:
- PHP
- Python
- Java
- C#
- ASP.NET
- Ruby
- Go
- Aplicações de servidor em Node.js
Arquivos SQL também não podem ser executados diretamente, pois dependem de um ambiente de banco de dados.
Se a sua ferramenta de IA gerar um projeto em React, Vue, Next.js ou outro framework, certifique-se de exportar o build estático de produção, e não o código-fonte do projeto.
Múltiplas páginas #
Se o seu site criado com IA já possuir várias páginas HTML conectadas entre si, inclua todas as páginas e recursos necessários no projeto exportado.
Ao utilizar uma ferramenta externa de criação de sites com IA, você pode solicitar que ela crie e conecte todas as páginas necessárias antes de exportar o HTML ou ZIP.
Importante: a disponibilidade para criar novas páginas independentes diretamente no AI Editor pode variar conforme o editor continua evoluindo.
Caso essa opção ainda não esteja disponível na sua conta, você pode:
- Incluir as páginas no projeto original importado.
- Criar outro upload HTML.
- Utilizar outro site ou subdomínio para uma landing page.
Dicas e boas práticas #
Selecione antes de enviar o prompt #
Se quiser que a IA altere apenas uma parte específica do site, utilize primeiro o Select on Site.
Isso reduz ambiguidades e ajuda a evitar que a IA modifique a seção errada.
Peça para a IA manter o design atual #
Algumas instruções úteis:
Mantenha o mesmo estilo visual existente.
Use o mesmo design dos botões já utilizados nesta página.
Mantenha a tipografia e os espaçamentos atuais.
Faça esta seção parecer parte do design original.
Faça uma alteração específica por vez #
Em vez de solicitar várias mudanças diferentes em um único prompt, faça alterações mais focadas e revise o resultado antes de continuar.
Otimize imagens antes do upload #
Sempre que possível, utilize imagens com dimensões e compactação adequadas para web.
Uma imagem visualmente impressionante gerada por IA não precisa ter vários megabytes.
Mantenha uma cópia do projeto original #
Mesmo que agora seja possível continuar editando o site importado dentro da Builderall, ainda é recomendável manter uma cópia do HTML ou ZIP original como backup.
Solução de problemas #
Meu site fica em branco depois do upload #
A ferramenta de IA pode ter gerado arquivos de código-fonte de um framework em vez de um site estático.
Exporte a versão compilada ou estática do site e faça o upload dessa versão.
Se possível, peça para a ferramenta de IA:
Exporte este projeto como um site HTML estático que funcione sem servidor Node.js ou processo de build.
As imagens não aparecem #
Verifique se os arquivos das imagens foram incluídos no ZIP.
Confirme também se o HTML utiliza caminhos relativos corretos.
Evite caminhos que apontem para arquivos locais do seu computador, como:
C:\Users\...
Esse tipo de caminho funciona apenas no seu computador.
Meu site ficou diferente depois do upload #
Confira se todos os arquivos necessários de CSS, fontes, JavaScript e imagens foram incluídos.
Para recursos externos, verifique se as URLs estão acessíveis publicamente.
A IA alterou o elemento errado #
Desfaça a alteração, se necessário, utilize o Select on Site e selecione exatamente o elemento que deseja modificar antes de enviar novamente a instrução.
Seja específico sobre o resultado esperado.
Em vez de:
Mova o botão.
use:
Mova este botão selecionado um pouco para a esquerda sem alterar seu tamanho ou design.
A IA adicionou um elemento no lugar errado #
Use o Select on Site para selecionar a seção de destino antes de pedir à IA para adicionar o elemento.
A seção selecionada fornece mais contexto sobre onde o novo conteúdo deve ser inserido.
Meu formulário não envia os leads para o lugar correto #
Revise a configuração do formulário e confirme se ele deve:
- Enviar para um endereço de e-mail.
- Conectar ao MailingBoss.
- Conectar a uma lista ou campanha específica.
- Utilizar outra integração disponível da Builderall.
Criar o formulário e definir o destino das informações são etapas diferentes da configuração.
Minhas alterações não aparecem no site publicado #
Confirme se você salvou as alterações e publicou novamente o site.
Editar o projeto não significa necessariamente que a versão atualmente publicada já foi substituída.
Perguntas frequentes #
Posso enviar um site criado com ChatGPT, Claude, Gemini, Lovable, Bolt ou outra IA? #
Sim.
A plataforma de IA utilizada não importa, desde que seja possível exportar um site HTML estático ou um projeto ZIP compatível.
Preciso saber HTML? #
Não.
Se a ferramenta de IA já criou um site funcional, você pode fazer o upload e utilizar o AI Website Editor da Builderall para realizar diversas alterações usando linguagem natural.
Conhecimentos técnicos ainda podem ser úteis para solucionar problemas em um projeto exportado incorretamente.
Posso editar o site depois de importá-lo? #
Sim.
Sites criados com IA e importados para a Builderall agora podem ser editados usando o AI Website Editor.
Essa é uma grande evolução em relação ao fluxo original de HTML Upload, no qual muitas alterações precisavam ser feitas externamente antes de um novo upload.
Posso editar apenas um elemento específico? #
Sim.
Use o Select on Site, selecione o elemento e descreva a alteração desejada.
A IA consegue manter o design atual do meu site? #
O editor analisa o site atual ao criar ou modificar elementos e pode utilizar o estilo visual existente como referência.
Para melhores resultados, peça explicitamente para manter o design atual.
Posso criar formulários funcionais? #
Sim.
Os formulários criados por meio do AI Editor podem ser configurados para receber envios reais, em vez de funcionarem apenas como elementos visuais.
Posso conectar um formulário ao MailingBoss? #
Sim.
Você pode conectar formulários ao MailingBoss e escolher a lista ou campanha apropriada.
As respostas de um formulário podem ser enviadas diretamente para um e-mail? #
Sim.
Um formulário de contato pode ser configurado para encaminhar os envios diretamente para um endereço de e-mail.
Posso adicionar um botão de WhatsApp? #
Sim.
Você pode pedir ao AI Editor para adicionar um botão de WhatsApp, inclusive no formato flutuante.
Posso adicionar um calendário de agendamento? #
Sim.
As funcionalidades compatíveis de agendamento da Builderall podem ser conectadas ao seu site criado com IA.
Posso adicionar vídeos? #
Sim.
Vídeos podem ser adicionados a partir de arquivos disponíveis ou links de vídeo compatíveis.
Posso adicionar imagens geradas por IA? #
Sim.
Você pode gerar ou adicionar imagens utilizando o toolkit de mídia da Builderall e inseri-las no seu site criado com IA.
Posso conectar meu próprio domínio? #
Sim.
Você pode conectar um domínio comprado pela Builderall ou registrado em outro provedor.
A Builderall oferece suporte a PHP ou outras aplicações de backend pelo HTML Upload? #
Não.
O AI HTML Upload foi desenvolvido para arquivos de sites estáticos e tecnologias executadas no navegador.
Aplicações executadas no servidor precisam de um ambiente de backend compatível.
Preciso gerar e enviar o site inteiro novamente sempre que quiser mudar alguma coisa? #
Não.
Para alterações compatíveis, agora você pode usar o AI Website Editor da Builderall para modificar diretamente o site importado, salvar as alterações e publicar a nova versão.
Considerações finais #
As ferramentas de IA tornam a criação de designs e projetos HTML extremamente rápida.
A Builderall dá o próximo passo ao oferecer um ambiente onde esses sites podem ser hospedados, editados, publicados e conectados a ferramentas reais de marketing.
O fluxo passa a ser:
Crie com IA → Exporte → Envie para a Builderall → Edite com IA → Conecte suas ferramentas de marketing → Publique
Em vez de tratar um site HTML gerado por IA como um arquivo estático finalizado, você pode continuar desenvolvendo o projeto dentro do ecossistema da Builderall conforme seu negócio evolui.
