Editor visual do certificado
o editor visual permite criar e personalizar o layout do certificado diretamente no admin, sem exportar imagem externa.
O que é o editor visual
O editor visual é a ferramenta do admin para montar o certificado por meio de blocos arrastáveis: textos, imagens, variáveis dinâmicas e o QR Code. O resultado é um template salvo que a evob usa para gerar o PDF de cada aluno automaticamente.
Use o editor visual quando o template padrão não atende o visual da marca — mas não quiser criar a arte externamente e subir como imagem estática.
Acessar o editor
Curso > Certificação > Templates > + Novo template > Editor visualSe o curso já tem um template, você pode editar:
Curso > Certificação > Templates > [template] > EditarElementos disponíveis no editor
Fundo (background)
- Cor sólida (paleta ou hex)
- Imagem de fundo (upload — formatos: JPG, PNG)
💡 Use imagem de fundo para certificados com bordas decorativas ou papelaria da marca. O texto e variáveis são adicionados em camadas acima do fundo.
Caixa de texto
Insira texto fixo (ex: "Declaramos que", "Carga horária:", "concluiu com êxito o curso") ou cole variáveis dinâmicas diretamente no campo.
Configure por caixa:
- Fonte, tamanho, cor
- Alinhamento (esquerda, centro, direita)
- Negrito, itálico
Imagem
Use para logo da escola, assinatura do professor ou assinatura da escola:
+ Adicionar elemento > Imagem > UploadFormatos aceitos: PNG (com transparência), JPG.
QR Code de validação
+ Adicionar elemento > QR CodeO QR Code é gerado automaticamente com o link único de cada certificado. Posicione e redimensione no layout.
⚠️ O QR Code só funciona em certificados emitidos de cursos publicados. Em rascunho, o link aponta para URL inexistente.
Inserir variáveis dinâmicas
Dentro de qualquer caixa de texto, clique em {{ }} na barra de formatação para abrir a lista de variáveis disponíveis, ou digite o nome da variável diretamente:
``` {{ aluno_nome }} {{ curso_nome }} {{ data_conclusao }} {{ carga_horaria }} {{ codigo_certificado }} ```
📖 Lista completa: Variáveis dinâmicas do certificado
Visualizar e salvar
Após montar o layout:
- Clique em Pré-visualizar — o editor gera um PDF de exemplo com dados fictícios
- Revise fonte, espaçamento e posicionamento das variáveis
- Clique em Salvar template
O template salvo aparece em Certificação > Templates e pode ser atribuído ao curso ou a turmas específicas.
Boas práticas
✅ Faça
- Defina o tamanho do papel antes de começar: A4 horizontal (297×210mm) é o padrão mais aceito no Brasil
- Deixe margem mínima de 15mm nas bordas — impressoras cortam o que vai até a borda
- Use no máximo 2 famílias de fonte — uma para título/nome do aluno, outra para o corpo
- Posicione o QR Code no canto inferior direito com tamanho mínimo de 2,5 cm — menor que isso não escaneia
❌ Não faça
- Usar fonte abaixo de 10pt no corpo — ilegível no PDF em tela pequena
- Sobrepor variáveis com elementos fixos — se o nome do aluno for longo, o texto vai se sobrepor ao próximo campo
- Usar apenas cor escura sobre fundo escuro — sem contraste adequado, o PDF fica ilegível ao imprimir
Erros comuns
"O nome do aluno saiu cortado no certificado"
A caixa de texto tem largura fixa. Nomes longos ultrapassam o limite e são cortados. Aumente a largura da caixa ou reduza o tamanho da fonte do campo `{{ aluno_nome }}`.
"O QR Code aparece pixelado no PDF"
Redimensionar o QR Code para um tamanho muito pequeno no editor não reduz a resolução — ele é gerado como vetor. Se aparecer pixelado, o problema é na renderização do visualizador. Baixe o PDF e abra no Acrobat Reader para confirmar.
"A imagem de fundo ficou distorcida"
O editor estica a imagem para preencher o canvas. Use imagem com a mesma proporção do template (A4 horizontal = 1,41:1). Imagem quadrada vai distorcer.
"Salvei o template mas o aluno ainda recebe o template antigo"
O novo template precisa ser atribuído ao curso ou à turma:
Certificação > Templates > [novo template] > Definir como padrão ou Turma > Configurações > Template de certificado.Próximos passos
- 📖 Variáveis dinâmicas do certificado
- 📖 Certificado por turma — templates diferentes
- 📖 Reemissão e revogação de certificados
- 📖 Como funciona certificado de conclusão
- 📖 Imagens do curso — thumbnail, capa e certificado
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-05