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

• Checkout
• Suscripciones
• Órdenes de Pago

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 ).
• 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.
  • primary: Color de Primario de la interfaz, utilizado en los botones principales y elementos del Checkout. Si no se especifica color de cabecera, el color primario tambien es utilizado en este sector. Sólo admite valores hexadecimales.
  • paymentFlow: Permite personalizar la interfaz asociada al flujo del pago. Valores posibles: background, header
    • background: define un color para la pantalla del pago. Solo admite valores hexadecimales
    • header: define un color para la cabecera de la pantalla de pago. Sólo admite valores hexadecimales

Ejemplo