Gateway - Procesamiento
Checkout
Personalización de la UI de Pago
4min
Suga le permite personalizar sus colores, logo y más del proceso de pago. Aqui le contamos cómo hacerlo!
Para personalizar la experiencia debe agregar el Object options.theme al Módulo de Cobro que utilice. Las disponibles hoy son:
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.
Updated 16 Oct 2024
Did this page help you?