Como personalizar a página de aceitação que os titulares da sua credencial veem
A página de aceitação é a primeira tela da POK que um titular vê: ela abre no momento em que ele clica em "Aceitar credenciais" no e-mail que você enviou, e é onde ele aceita a credencial antes de ela ser sua. Por padrão, ela traz a imagem, o logotipo e as cores da POK. Na seção "Página de aceitação" de Marca, você troca isso pela sua própria imagem ou logotipo, suas próprias cores e sua própria mensagem.
A personalização da página de aceitação é uma funcionalidade premium, habilitada por organização. Para ativá-la, entre em contato com seu executivo comercial ou escreva para contacto@pok.tech.
Isso não trava o processo para os titulares. Sem a funcionalidade habilitada, ou antes de você salvar sua primeira personalização, eles continuam aceitando a credencial normalmente. Só que passam pelo visual padrão da POK (a foto e o logotipo genéricos da POK, e as cores próprias da POK) em vez do seu.
Abra o editor da página de aceitação
- Abra "Marca" no menu principal.
- Na linha "Página de aceitação", clique em "Personalizar".
Isso abre "Branding do fluxo de aceitação", com as suas configurações de um lado e uma prévia ao vivo do outro. Um seletor acima da prévia alterna entre computador e celular, porque algumas escolhas, como o enquadramento da imagem, só valem para um dos dois.
Escolha o que aparece ao lado do diálogo de aceitação
Em "Personalizações", o subtítulo "O que é exibido ao lado da caixa de aceitação." descreve a escolha que você está fazendo: um seletor entre "Imagem" e "Logo + texto" para o painel que fica ao lado do fluxo de aceitação.
- "Imagem" envia uma foto que substitui a imagem lateral padrão da POK.
- "Logo + texto" substitui essa imagem pelo seu próprio logotipo, centralizado, mais uma linha de texto abaixo dele. O campo "Texto" usa como placeholder "Aceite seu certificado" quando fica vazio.
Ao lado de cada campo há um link para restaurar o valor padrão da POK.
Defina o fundo e as cores de marca
"Cor de fundo" define o fundo de toda a tela que o titular vê enquanto aceita.
"Cor da marca" controla os destaques, a barra de progresso e os estados selecionados do fluxo. Um seletor decide se ela também controla os botões:
- "Unificado": "Cor da marca" controla os botões também. Você escolhe uma única "Cor do texto do botão" à parte.
- "Separado": "Cor da marca" fica limitada aos destaques, à barra de progresso e aos estados selecionados. Aparece uma seção "Botões" com seu próprio "Cor de fundo" e "Cor do texto" para os botões.
Prepare sua imagem
A imagem lateral aceita arquivos jpg ou png com menos de 2MB, e a interface dá um tamanho recomendado para ela: 443 × 604 px, proporção 3:4. O logotipo aceita arquivos jpg, png ou svg com menos de 2MB.
Nenhum dos dois campos estica nem rejeita uma imagem com proporções diferentes. Os dois preenchem um painel de tamanho fixo cortando a imagem, centralizada, para encaixar. No celular, você decide esse corte: assim que você envia a sua própria imagem, aparece um controle "Editar enquadramento" sobre ela na prévia do celular, que abre "Enquadramento da imagem no mobile" com uma escolha entre "Ajustado" e "Recortado".
- "Ajustado" mostra a imagem inteira, com espaço vazio se precisar.
- "Recortado" mantém o mesmo corte centralizado que o computador sempre usa, mais um controle deslizante "Posição vertical" para escolher qual parte da foto fica dentro.
Visualize e depois salve
Clique em "Ver prévia" para abrir "Prévia do fluxo de aceitação", cujo próprio subtítulo diz sem rodeios: "É assim que o destinatário verá ao aceitar a sua credencial." Dentro dele está disponível o mesmo seletor de computador e celular.
A prévia percorre as mesmas duas telas que um titular atravessa depois de aceitar: uma primeira tela que confirma que a credencial foi aceita e explica que ela está sendo gerada e vai chegar por e-mail, e uma segunda tela onde o titular define a visibilidade da credencial, pública ou privada, antes de confirmar e seguir para a credencial em si.
"Salvar" fica desabilitado até você mudar alguma coisa, e espera qualquer envio de imagem ou logotipo em andamento terminar antes que você possa clicar nele. Salvar leva você de volta para Marca.
Se você tentar sair da tela com mudanças não salvas, a POK impede com um aviso pedindo para fechá-lo com o botão "Cancelar" e clicar em "Salvar" primeiro. Fechar ou atualizar a aba, em vez disso, dispara a confirmação própria do navegador, não essa mensagem.
Qual dessas telas de marca é a que você precisa?
Marca tem várias seções, e cada uma cobre um momento diferente da vida da credencial:
- Esta seção, "Página de aceitação", é a única tela que todo titular vê assim que aceita, antes de chegar à credencial em si. Existe uma única configuração para toda a sua organização, não uma por credencial.
- Personalização de páginas controla a página onde a credencial em si vive depois da aceitação. Você pode criar várias páginas personalizadas e atribuir uma diferente a cada credencial que emite, algo que a página de aceitação não faz.
- Logotipo e banner do e-mail personaliza os e-mails ao redor da credencial, incluindo o que convida o titular a aceitá-la logo de início.
- Domínio das credenciais é o endereço web de onde a página da credencial é servida, não a página de aceitação.
- A carteira do titular personaliza a carteira permanente onde o titular guarda cada credencial que tem, não só esse momento de aceitação.
Depois que o titular aceita e define a visibilidade da credencial, compartilhá-la é uma etapa à parte mais adiante, que inclui desbloqueá-la com o sobrenome dele.
Os titulares continuam vendo o visual padrão da POK, não o seu
Ou a funcionalidade não está habilitada para a sua organização, ou ainda ninguém salvou uma personalização. Abra "Branding do fluxo de aceitação" a partir de Marca para distinguir os dois casos: se aparecer a proposta, a funcionalidade está desligada; se aparecer o editor vazio, ninguém salvou nada.
"Salvar" não ativa
"Salvar" só ativa quando você muda alguma configuração, então fica apagado numa tela que você ainda não tocou. Se você acabou de enviar uma imagem ou um logotipo, dê um momento para o envio terminar.
Uma imagem enviada aparece recortada de forma estranha
Isso é esperado no computador: a imagem sempre preenche seu painel fixo se recortando ao centro, quaisquer que sejam as suas próprias proporções. No celular, abra "Editar enquadramento" e alterne entre "Ajustado" e "Recortado", ou mova o controle deslizante "Posição vertical", para escolher o que fica visível.