O editor personalizado esta disponível a partir do Plano Advanced e a edição acontece via código fonte.
Caso você tenha configurado um modelo de certificado, ao entrar no editor ele trará as mesmas configurações realizadas lá, como logo, assinatura.
Com o editor personalizado é possível selecionar variáveis para edição direta no código, onde cada variável vai aparecer e se vai aparecer, assim como a alteração do plano de fundo.
Conforme a alteração é realizada, o modelo apresentado logo abaixo da caixa de código vai sendo alterado, assim que concluir as edições basta Salvar aparência.
Caso deseje voltar o certificado ao modelo padrão da plataforma, basta clicar em "Limpar alterações".
Recomendamos que a edição personalizada seja feita por um profissional ou alguém que tenha um conhecimento mínimo de código. A HeroSpark não presta suporte a edição do código fonte.
Recomendações técnicas de edição diretamente via código:
- Ao criar um certificado avançado no editor personalizado, a plataforma por padrão repassa alguns estilos para a pré-visualização, como o reset CSS. Porém ao emitir o certificado, saindo do ambiente da plataforma, o reset css é perdido. Por esse motivo recomendamos sempre aplicar um reset css no editor, como o que segue:
h1, h2, h3, h4, h5, h6, p {
margin: 0;
} - Ao compilar o certificado com propriedades do display flex, o certificado perde o posicionamento dos elementos. Por isso recomendamos a não utilização dessas propriedades no certificado avançado pois não existe garantia de que vai funcionar adequadamente devido a ligeiras diferenças entre a pré-visualização e a geração do PDF em si.
Como alternativa deve-se usar posicionamento relativo, absoluto, além de margins para o posicionamento correto dos elementos, visto que com essas propriedades não foram identificadas divergências. - Ao inserir uma variável não reconhecida pelo sistema, o preview do certificado irá desaparecer, aparecendo apenas um "{}" no lugar. Caso isso ocorra pedimos que avaliem as variáveis inseridas no template.