Criar um modelo de certificado
Você cria o modelo no Builder, definindo título, tipo, imagem de fundo e os blocos de texto com variáveis, no editor Visual ou no editor de Código.
Onde acessar
Builder > Certificados, botão + Criar certificado.
💡 Como abrir o Builder: no admin, abra uma área de membros em Loja > Produtos > Área de membros, entre em Área de membros > Personalizar e clique no card Editar vitrine. O Builder abre em outra aba. A seção Certificados só aparece para administrador de plataforma.
Antes de começar
Prepare a arte de fundo, em A4 paisagem (proporção 1,414 para 1), com tudo o que é fixo: moldura, logotipo, assinaturas e selos. Deixe livre a região onde o texto vai entrar.
- Formato: JPG ou PNG, para passar pelo recorte.
- Tamanho: até 10 MB. A largura máxima usada é de 1920 px.
A janela do editor
A janela Criar certificado tem duas colunas.
À esquerda:
- Título (obrigatório). Exemplo: "Certificado de conclusão".
- Tipo: "Curso" ou "Disciplina".
- Variáveis disponíveis, em grupos que abrem e fecham. Clicar em uma variável copia o código dela.
À direita: a folha do certificado, com as abas Visual e Código.
Passo a passo no editor Visual
- Preencha o Título e escolha o Tipo.
- Clique em Imagem de fundo e escolha o arquivo. Ajuste o recorte na janela "Ajustar imagem de fundo (A4 paisagem)" e clique em Usar imagem.
- Clique no texto que já vem na folha para editá-lo. O modelo novo traz um bloco padrão, no canto inferior esquerdo.
- Para posicionar, arraste o bloco pela alça Mover bloco. Com o teclado, as setas movem 1% por toque e, com Shift, 5%.
- Use a barra do bloco para formatar:
| Controle | O que faz |
|---|---|
| Esquerda, Centro, Direita | Alinhamento do bloco |
| B e I | Negrito e itálico |
| Tamanho | Tamanho da fonte, de 10 a 80 px. O padrão é 16 |
| Cor | Cor do texto |
| Nome | Aplica à linha o estilo de destaque, usado no nome do aluno |
| Inserir campo | Abre a lista de variáveis e insere a escolhida no texto |
| Remover bloco | Apaga o bloco |
- Para um novo bloco, clique em Adicionar texto.
- Clique em Criar certificado. O aviso é "Certificado criado!".
Para trocar a arte depois, use Trocar fundo. Para tirá-la, Remover fundo.
Editor de Código
A aba Código mostra o HTML do certificado. Use quando você já tem um layout em HTML.
- Cole o HTML no campo.
- Escreva as variáveis com dois asteriscos de cada lado, por exemplo
**student_name**. - Clique em Pré-visualizar para conferir, e em Ocultar preview para voltar ao código.
Um certificado antigo, feito fora do editor visual, abre direto nesta aba, com o aviso de formato personalizado e o botão Recriar no visual.
⚠️ Recriar no visual substitui o conteúdo atual pelo modelo padrão do editor. Você perde o HTML anterior. Copie o código para um arquivo antes de confirmar.
Editar e excluir
- Editar: na lista, clique em Editar. A janela é a mesma, com o botão Salvar alterações. O aviso é "Certificado atualizado!".
- Excluir: clique em Deletar na lista, ou em Excluir dentro da janela de edição, e confirme.
Trocar o Tipo de um modelo só refaz o texto padrão se o modelo ainda não foi editado. Depois de editado, o texto fica como está e você ajusta à mão.
Depois de criar
O modelo ainda não está em uso. Para os alunos receberem o novo certificado:
- No admin, abra o produto e vá em Produto > Info básicas.
- Na seção "Emissão de certificado", ligue a emissão e escolha o modelo.
- Salve.
Para usar o mesmo modelo em toda a plataforma, veja Modelo padrão e ordem de escolha.
Boas práticas
- Coloque na arte de fundo o que não muda (assinaturas, selos, logotipo) e no texto o que muda (nome, curso, data).
- Escolha uma cor de texto que contraste com o fundo na região do bloco.
- Teste com um nome longo. Um nome com muitos sobrenomes pode quebrar em duas linhas.
- Emita um certificado de teste antes de liberar para uma turma inteira.
Erros comuns
"Preencha o título do certificado."
O título é obrigatório. Sem ele, o modelo não é salvo.
"A imagem de fundo foi recusada"
O arquivo passa de 10 MB ou não é uma imagem aceita. Use JPG ou PNG.
"O texto ficou fora da folha"
O bloco foi arrastado para muito perto da borda. Clique nele e reposicione, ou use as setas do teclado para ajustar.
"A variável saiu em branco, ou o código dela apareceu escrito no certificado"
O dado não existe para aquele aluno ou turma. Veja o que acontece em cada grupo em Variáveis do certificado.