Artigos sobre: Configurações

Como importar uma proposta em HTML como modelo de proposta

Se você já tem uma proposta pronta em HTML, feita com código próprio, por uma agência ou gerada por uma ferramenta de IA, pode usá-la como modelo de proposta na Groner sem montar tudo de novo no editor. Basta importar o arquivo. Depois, é só colocar as variáveis onde entram os dados de cada negócio.

Para que serve

Usar uma proposta personalizada, com o visual da sua empresa, animações e interações.
Aproveitar propostas criadas fora da Groner, como em um site, numa agência ou com IA.
Evitar recriar ou adaptar todo o código dentro do editor.

Onde fica

Configurações › Vendas & Comercial › Propostas › Modelos, no botão + Modelo de proposta.

Diálogo Adicionar modelo de proposta com a opção Importar arquivo HTML selecionada

Antes de começar: prepare o arquivo

Você pode enviar de dois jeitos:

Um arquivo .html (ou .htm): use quando tudo está dentro do próprio arquivo ou quando as imagens estão na internet, com link começando por https://.
Um arquivo .zip: use quando a proposta tem uma pasta com imagens, fontes, folhas de estilo (.css) ou scripts (.js). Compacte a pasta inteira da proposta, com o arquivo principal (de preferência index.html) e as subpastas. A Groner monta tudo sozinha:
- os estilos e os scripts passam a fazer parte do modelo;
- as imagens e as fontes são guardadas nos Arquivos da sua conta, e o modelo passa a usar o link delas.

O limite é de 30 MB por arquivo.

Imagens dentro do arquivo: se o seu HTML traz as imagens guardadas dentro dele (muito comum em arquivos gerados por IA ou exportados de outras ferramentas), a Groner separa as imagens grandes e as guarda nos Arquivos da sua conta no momento em que você confirma. Assim o modelo fica leve, e o link da proposta abre rápido.

Passo a passo

Acesse Configurações › Vendas & Comercial › Propostas › Modelos.
Clique em + Modelo de proposta.
Preencha o Título, por exemplo "Proposta Interativa 2026".
Clique em Importar arquivo HTML.
Clique em Escolher arquivo .html ou .zip e selecione o arquivo no seu computador.
Confira a prévia que aparece logo abaixo e as mensagens:
- verde, "Arquivo pronto": está tudo certo;
- amarela: algum arquivo citado na proposta não veio junto (veja os erros comuns abaixo). Dá para continuar, mas aquela imagem não vai aparecer.
Clique em Confirmar. O modelo aparece na lista.
Abra o modelo e clique em Editar modelo de Proposta no Groner Editor (beta) para inserir as variáveis (nome do cliente, potência, valores etc.) nos lugares certos.
Salve e escolha o modelo ao gerar a proposta no negócio.

Arquivo .zip lido, com a prévia, o aviso de arquivo que não veio junto e a mensagem Arquivo pronto

Modelo importado aparecendo na lista de Modelos

Exemplo

Você tem uma pasta proposta com:

index.html
css/estilo.css
js/animacoes.js
img/logo.png e img/fundo.jpg

Compacte a pasta proposta em proposta.zip e importe esse arquivo. O estilo e as animações passam a fazer parte do modelo, e as duas imagens vão para os seus Arquivos.

Se o seu HTML já usa as variáveis da Groner, como [[NomeCliente]], elas são mantidas do jeito que estão.

Bom saber

A prévia não mostra animações. Ela serve para conferir o visual. As animações e interações aparecem no link da proposta.
O PDF é estático. Animações e interações não aparecem no PDF, só no link.
As imagens do .zip ficam nos Arquivos. Não apague essas imagens, porque o modelo usa o link delas.
Depois de importado, o modelo funciona como qualquer outro: dá para editar, duplicar e escolher a loja.

O link da proposta está lento ou não abre

Isso acontece quando o modelo tem as imagens guardadas dentro dele: cada proposta gerada leva junto todas essas imagens e fica pesada demais para abrir. Quando isso acontece, a tela do modelo mostra um aviso amarelo com o tamanho do modelo.

Acesse Configurações › Vendas & Comercial › Propostas › Modelos e clique no modelo.
No aviso "Este modelo tem X MB, quase tudo em imagens guardadas dentro do próprio modelo", clique em Otimizar imagens.
Confirme em Otimizar imagens. As imagens vão para os Arquivos da conta e o modelo passa a usar o link delas. O visual não muda.
Aparece a mensagem "Modelo otimizado", com o tamanho de antes e o de depois.
Gere de novo as propostas que já tinham sido feitas com esse modelo. As antigas continuam pesadas, e as novas abrem rápido.

Aviso de modelo pesado com o botão Otimizar imagens

Erros comuns

"Este arquivo não é HTML nem .zip": você escolheu outro tipo de arquivo (PDF, Word, imagem). Escolha um .html, .htm ou .zip.
"O arquivo tem X MB e o limite é 30 MB": diminua as imagens (em tamanho ou qualidade) ou coloque-as num link na internet.
"O arquivo está vazio": o arquivo não tem conteúdo. Exporte de novo a proposta.
"Não encontramos nenhum arquivo .html dentro do .zip": o .zip só tem imagens. Inclua o arquivo principal da proposta (index.html).
"Não foi possível abrir o .zip": o arquivo está corrompido ou não é um .zip de verdade. Compacte a pasta de novo.
Aviso amarelo de arquivo que "não veio junto": o HTML cita uma imagem do seu computador (por exemplo img/logo.png) que não estava no envio. Envie um .zip com a pasta inteira, ou insira a imagem pelo editor depois.

Mensagem de erro ao escolher um arquivo que não é HTML nem .zip