Personalizações

Nesta seção, você encontrará todas as personalizações disponíveis no by Unico

---

O by Unico disponibiliza algumas personalizações em sua interface, adaptando-se às preferências do cliente para proporcionar uma experiência personalizada e significativa.

Personalização da logotipo

---

É possível personalizar a logo que é apresentada para o usuário final, conforma imagem abaixo:

Para solicitar a inclusão desta logo, é necessário enviar ao time Unico uma URL da logotipo, de modo que essa esteja hospedada em um diretório online (ou seja, esta logo precise ser acessível via URL no navegador).

• Ex: https://unico.io/wp-content/themes/theme_unico_bkp/img/logo/unico-color.svg.

Não é possível cadastrar uma URL que seja um base64 (geralmente essas URLs iniciam em "data:image/jpeg;base64,/9j/4AAQ...").

Personalização da cor e formato dos botões

---

Ao longo do processo de implantação, é possível solicitar a configuração da cor e formato dos botões na interface no By Unico, de acordo com a identidade visual da empresa, conforme imagens abaixo:

Telas disponíveis na personalização

Personalização de cores

Personalização de bordas

Para realizar essa configuração, é só enviar as seguintes informações ao time Unico:

• Código hexadecimal da cor de background no botão.

  • Ex: #000000.

• Código hexadecimal da cor de texto no botão.

  • Ex: #ffffff.

• Arredondamento dos cantos no botão em pixels.

  • Ex: 10px.

Personalização da tela de contextualização

---

É possível personalizar a tela de contextualização que é apresentada para o usuário final no início da jornada, conforma imagem abaixo:

Tela de contextualização no by Unico

Para personalizar as informações na tela de contextualização, você deve alterar os valores dos parâmetros contidos no objeto contexualization, no momento de realizar a chamada CreateProcess. O trecho na requisição que deve ser alterado é o seguinte:

"contextualization": {
    "currency": "BRL",
    "price": "<FLOAT_NUMBER>",
    "locale": {
      "ptBr": {
        "reason": "<REASON_PTBR>"
      },
      "enUs": {
        "reason": "<REASON_ENUS>"
      },
      "esMX": {
        "reason": "<REASON_ESMX>"
      }

Para saber detalhadamente o que significa cada parâmetro, não deixe de consultar a seção correspondente aqui.

---

Dúvidas?​

Não encontrou algo ou ainda precisa de ajuda? Se já é um cliente ou parceiro, pode entrar em contato através da Central de Ajuda.