MOBBEX AVANZADO
Personalización de la UI de Pago
4min
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 https //mobbex dev/checkout suscripciones https //mobbex dev/suscripciones órdenes de pago https //mobbex dev/ordenes 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 { "options" { "theme" { "type" "light", "background" "#0000ff", "showheader" false, // si se oculta la cabecera con esta propiedad, no definir "header" "header" { "name" "pepito el pistolero", "logo" "https //res mobbex com/images/icons/def store png" }, "colors" { "primary" "#ff0000" } } } }