Customizations

In this section, you will find all the customizations available in by Unico

---

By Unico provides some customizations in its interface, adapting to customer preferences to deliver a personalized and meaningful experience.

Logo Customization

---

It is possible to customize the logo displayed to the end user, as shown in the image below:

To request the inclusion of this logo, it is necessary to send the Unico team a URL of the logo, ensuring that it is hosted in an online directory (meaning this logo must be accessible via a URL in the browser).

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

It is not possible to register a URL that is in base64 format (usually, these URLs start with "data:image/jpeg;base64,/9j/4AAQ...").

Customization of Button Color and Shape

---

During the implementation process, it is possible to request the configuration of the button color and shape in the By Unico interface according to the company's visual identity, as shown in the images below:

Telas disponíveis na personalização

Personalização de cores

Personalização de bordas

To configure this, simply send the following information to the Unico team:

• Hexadecimal code of the background color on the button.

  • Ex: #000000.

• Hexadecimal code of the text color on the button.

  • Ex: #ffffff.

• Corner rounding of the button in pixels.

  • Ex: 10px.

Customization of the Contextualization Screen

---

It is possible to customize the contextualization screen presented to the end user at the beginning of the journey, as shown in the image below:

Tela de contextualização no by Unico

To customize the information on the contextualization screen, you should modify the values of the parameters contained in the contextualization object at the time of making the CreateProcess call. The section in the request that should be altered is as follows:

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

To understand in detail what each parameter means, be sure to consult the corresponding section here.

---

Still need help?​

Didn't find something or still need help? If you're already a client or partner, you can reach out through our Help Center.