Personalización
Cambia el color de acento y el logo del checkout para que se vea como tu marca.
Pásale appearance a Kuti.open. KUTI los manda al iframe de pay.kuti.pe como query params.
| Campo | Tipo | Qué cambia |
|---|---|---|
| primaryColor | string (hex) | Botones y links. Ej. "#2563eb". Reemplaza el teal de KUTI. |
| logo | string (URL) | Imagen del header. Tiene que ser URL absoluta (https). |
El logo debe ser una URL https completa. El checkout vive en pay.kuti.pe; una ruta relativa de tu tienda no carga.
Ejemplojs
window.Kuti.open({
checkoutUrl,
appearance: {
primaryColor: "#2563eb",
logo: "https://cdn.mitienda.pe/brand/logo-120x32.png",
},
onSuccess: ({ paymentIntentId }) => {
location.href = "/gracias?kuti_payment_id=" + encodeURIComponent(paymentIntentId);
},
});En el ejemplo de Next.js ya viene un appearance de muestra: