Configurando o editor personalizado do certificado

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:

1. 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;
   }
   

2. 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.

3. 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.