11min

Personalización de la UI de Pago

Mobbex le permite personalizar sus colores, logo y más del proceso de pago. Aqui le contamos cómo hacerlo!

Uso

Para personalizar la experiencia debe agregar el Object options.theme al Módulo de Cobro que utilice. Las disponibles hoy son:

Módulos

Opciones de Personalización

Estas opciones siempre deben ir dentro de options en el sub-nodo theme.

  • type: Tipo de Tema a utilizar. Opciones: "light" ( Claro ) o "dark" ( Oscuro ).
  • background: Color de fondo del Checkout. Si se utiliza el fondo por defecto utilizar false sino utilizar el código de color. Sólo admite valores hexadecimales.
  • showHeader: Permite ocultar la cabecera del Checkout donde se visualiza el logo y nombre de la Entidad.
  • header: Para utilizar los valores por defecto utilizar null o false.
    • header.name: Nombre a mostrar en la cabecera del Checkout.
    • header.logo: Logo a utilizar en la cabecera del Checkou. Sólo HTTPS.
  • colors: Para utilizar la paleta por defecto establecer en null o false.
    • colors.primary: Color de Primario del Checkout, utilizado en los botones principales y elementos del Checkout. Sólo admite valores hexadecimales.

Ejemplo

JSON
|



Updated 19 Mar 2021
Did this page help you?
Yes
No