Desarrolladores
Información General
Personalización de la UI de Pago
a partir de esta especificación se podrá personalizar 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 https //docs bdp gire com/wdaypkyajxvlsfv1sxlv6 https //docs bdp gire com/link de pago opciones de personalización estas opciones siempre deben ir dentro de options en el sub nodo theme branding permite configurar cuando mostrar logo y nombre entidad, dependiendo el dispositivo auto se muestran el logo y el texto unicamente en versión desktop logo se muestra el logo en versión mobile y en versión desktop text se muestra el nombre en versión mobile y en versión desktop both se muestran el logo y el texto en versión showheader permite ocultar la cabecera del checkout donde se visualiza el logo y nombre de la entidad para utilizar los valores por defecto utilizar true o false header header name nombre a mostrar en la cabecera del checkout header logo logo a utilizar en la cabecera del checkout 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" { "branding" "auto", "showheader" false, // si se oculta la cabecera con esta propiedad, no definir "header" "header" { "name" "pepito el pistolero", "logo" "https //res gire com/images/icons/def store png" }, "colors" { "primary" "#ff0000", "paymentflow" { "background" "#ff0000", "header" "#fh0030" } } } } }