Personalización global

Personalización del SDK Web.

El SDK Web es altamente personalizable, tanto diseño, como textos o imágenes.

Para cambiar el diseño de los componentes Selphi o SelphID se podrán utilizar las variables de personalización ofrecidas por el SDK Provider.

Para más detalles sobre la personalización del SDK Web consulta la sección de personalización del SDK Provider.

Ejemplo de personalización de diseño:

El diseño que utiliza el SDK Web y sus componentes puede modificarse mediante CSS:

facephi-sdk-provider {
  --wrapper-color-primary: #3f2eff;
  --wrapper-color-secondary: #ffffff;
  --wrapper-color-hover: rgb(106, 93, 250);
}

Esta configuración se aplicará internamente a los distintos componentes.


Ejemplo de personalización de textos

Los textos se pueden modificar, ya sea parcial o totalmente:

{
  "sdk": "en",
  "selphi": {
    "en": {
      "Initializing...": "Wait a second..."
      (...)
    }
  },
  "selphid": {
    "en": {
      "Initializing...": "Wait a second..."
      (...)
    }
  }
}

En este ejemplo se cambia el idioma por defecto de los componentes SDK Provider, SelphID y Selphi para utilizar el idioma inglés ofrecido por defecto y cambiar algunos literales de los widgets Selphi y SelphID.


Personalización de assets a nivel de widgets SelphID y Selphi

Los widgets Selphi y SelphID pueden modificarse, además de las maneras anteriormente mencionadas, a nivel de assets gráficos.

Para más información recomendamos revisar las guías de personalización de los componentes:

Last updated