--- title: Cómo personalizar el widget de Mifiel con los colores de tu marca description: Puedes cambiar los colores del widget desde la interfaz de Mifiel --- [Ir directamente al contenido](https://guia.mifiel.com/es/cómo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca#main-content) - [Español](https://guia.mifiel.com/es/c%C3%B3mo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca) - [English](https://guia.mifiel.com/en/how-to-customize-the-mifiel-widget-with-your-brands-colors) Español Traducciones de Mostrar submenú de [![Logo de Mifiel](https://guia.mifiel.com/hubfs/logo.svg)](https://www.mifiel.com/es/) - [Preguntas frecuentes](https://guia.mifiel.com/) Abrir navegación principal Cerrar navegación principal - [Preguntas frecuentes](https://guia.mifiel.com/) - - [Español](https://guia.mifiel.com/es/c%C3%B3mo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca) - [English](https://guia.mifiel.com/en/how-to-customize-the-mifiel-widget-with-your-brands-colors) Español Traducciones de Mostrar submenú de Hola, ¿cómo podemos ayudarte? - No hay sugerencias porque el campo de búsqueda está vacío. 1. [Preguntas Frecuentes](https://guia.mifiel.com/es?hsLang=es) 2. [Integración API](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es) 3. [Personalizaciones en el widget de firma](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es#personalizaciones-en-el-widget-de-firma) # Cómo personalizar el widget de Mifiel con los colores de tu marca ## Puedes cambiar los colores del widget desde la interfaz de Mifiel Al contratar la funcionalidad de API, mediante la interfaz de Mifiel puedes personalizar fácilmente los colores del widget de firmas integrado en tu sitio web. Para ello, sigue los pasos a continuación. Actualmente la personalización de colores del widget a través de la interfaz gráfica de usuario de Mifiel solo está disponible para cuentas individuales, no para [organizaciones](https://guia.mifiel.com/qu%C3%A9-es-y-c%C3%B3mo-funciona-una-organizaci%C3%B3n-en-mifiel?hsLang=es). Si requieres hacerlo en tu organización, contáctanos mediante el chat oprimiendo el botón verde en la esquina inferior derecha de la pantalla. Tip: Accede rápidamente a la página de personalización del widget mediante el siguiente enlace: [https://app.mifiel.com/settings/customize-widget](https://app.mifiel.com/settings/customize-widget) 1. Ingresa a tu cuenta de Mifiel. 2. En la parte superior derecha, haz clic en el menú "Mi cuenta". ![](https://guia.mifiel.com/hs-fs/hubfs/CUENTA-png-2.png?width=688&height=132&name=CUENTA-png-2.png) 3. Da clic en la opción "Configuraciones de API". ![](https://guia.mifiel.com/hs-fs/hubfs/Configuraciones%20de%20API-png.png?width=281&height=369&name=Configuraciones%20de%20API-png.png) 4. En la barra lateral izquierda, bajo el apartado "Configuraciones de API", haz clic en "Personalizar el widget de firma". ![](https://guia.mifiel.com/hs-fs/hubfs/Personalizar%20widget%20de%20firma-png.png?width=240&height=511&name=Personalizar%20widget%20de%20firma-png.png) 5. Se abrirá una pantalla donde podrás configurar los colores: un color para todos los botones del flujo, uno para el contorno del paso activo y uno para todos los enlaces del flujo. ![](https://guia.mifiel.com/hs-fs/hubfs/Personalizaci%C3%B3n%20de%20colores-png.png?width=688&height=393&name=Personalizaci%C3%B3n%20de%20colores-png.png) 6. Ingresa valores hexadecimales para cada color. Debajo podrás observar una previsualización. Cuando estés satisfecho con la combinación de colores, oprime el botón "Aplicar cambios". ![](https://guia.mifiel.com/hs-fs/hubfs/Aplicar%20cambios-png.png?width=688&height=393&name=Aplicar%20cambios-png.png) 7. ¡Listo! Se mostrará un mensaje indicando que tus cambios se guardaron y que a partir de ahora tus firmantes verán esa apariencia al firmar. ![](https://guia.mifiel.com/hs-fs/hubfs/Cambios%20guardados%20exitosamente%20-%20logo-png.png?width=4772&height=2728&name=Cambios%20guardados%20exitosamente%20-%20logo-png.png) - [Firma de documentos](https://guia.mifiel.com/es/firma-de-documentos?hsLang=es#main-content) - [Cómo firmar un documento usando la e.firma en Mifiel](https://guia.mifiel.com/es/firma-de-documentos?hsLang=es#c%C3%B3mo-firmar-un-documento-usando-la-e-firma-en-mifiel) - [Características de la e.firma](https://guia.mifiel.com/es/firma-de-documentos?hsLang=es#caracter%C3%ADsticas-de-la-e-firma) - [Errores comunes](https://guia.mifiel.com/es/firma-de-documentos?hsLang=es#errores-comunes) - [Preparación de documentos](https://guia.mifiel.com/es/preparaci%C3%B3n-de-documentos?hsLang=es#main-content) - [Invitar firmantes](https://guia.mifiel.com/es/preparaci%C3%B3n-de-documentos?hsLang=es#invitar-firmantes) - [Personalizar características de un documento](https://guia.mifiel.com/es/preparaci%C3%B3n-de-documentos?hsLang=es#personalizar-caracter%C3%ADsticas-de-un-documento) - [Gestión de documentos](https://guia.mifiel.com/es/gesti%C3%B3n-de-documentos?hsLang=es#main-content) - [General](https://guia.mifiel.com/es/gesti%C3%B3n-de-documentos?hsLang=es#general) - [Para administradores de documentos](https://guia.mifiel.com/es/gesti%C3%B3n-de-documentos?hsLang=es#para-administradores-de-documentos) - [Verificación de un documento firmado y sus firmas](https://guia.mifiel.com/es/verificaci%C3%B3n-de-un-documento-firmado-y-sus-firmas?hsLang=es) - [Proceso de firma privado de documentos encriptados](https://guia.mifiel.com/es/proceso-de-firma-privado-de-documentos-encriptados?hsLang=es#main-content) - [Creación de documentos encriptados](https://guia.mifiel.com/es/proceso-de-firma-privado-de-documentos-encriptados?hsLang=es#creaci%C3%B3n-de-documentos-encriptados) - [Firma de documentos encriptados](https://guia.mifiel.com/es/proceso-de-firma-privado-de-documentos-encriptados?hsLang=es#firma-de-documentos-encriptados) - [Configuración de organizaciones y cuentas](https://guia.mifiel.com/es/proceso-de-firma-privado-de-documentos-encriptados?hsLang=es#configuraci%C3%B3n-de-organizaciones-y-cuentas) - [Integración API](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es#main-content) - [General](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es#general) - [Personalizaciones en el widget de firma](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es#personalizaciones-en-el-widget-de-firma) - [Funciones adicionales](https://guia.mifiel.com/es/integraci%C3%B3n-api?hsLang=es#funciones-adicionales) - [Planes y paquetes, facturación y pago](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#main-content) - [Funcionalidades](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#funcionalidades) - [Esquema de precios](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#esquema-de-precios) - [Proceso de compra](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#proceso-de-compra) - [Proceso de facturación](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#proceso-de-facturaci%C3%B3n) - [Consulta de consumos](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#consulta-de-consumos) - [Errores frecuentes](https://guia.mifiel.com/es/planes-y-paquetes-facturaci%C3%B3n-y-pago?hsLang=es#errores-frecuentes) - [Manejo de tu cuenta y tu e.firma](https://guia.mifiel.com/es/manejo-de-tu-cuenta-y-tu-e-firma?hsLang=es#main-content) - [Tu cuenta de Mifiel](https://guia.mifiel.com/es/manejo-de-tu-cuenta-y-tu-e-firma?hsLang=es#tu-cuenta-de-mifiel) - [Funcionalidades para firmantes](https://guia.mifiel.com/es/manejo-de-tu-cuenta-y-tu-e-firma?hsLang=es#funcionalidades-para-firmantes) - [Tu e.firma (FIEL)](https://guia.mifiel.com/es/manejo-de-tu-cuenta-y-tu-e-firma?hsLang=es#tu-e-firma-fiel) - [Temas legales](https://guia.mifiel.com/es/temas-legales?hsLang=es#main-content) - [Normatividad de la firma electrónica](https://guia.mifiel.com/es/temas-legales?hsLang=es#normatividad-de-la-firma-electr%C3%B3nica) - [Dudas al transicionar a la firma electrónica](https://guia.mifiel.com/es/temas-legales?hsLang=es#dudas-al-transicionar-a-la-firma-electr%C3%B3nica) - [Otras dudas legales](https://guia.mifiel.com/es/temas-legales?hsLang=es#otras-dudas-legales) - [Gestión de Organizaciones](https://guia.mifiel.com/es/gesti%C3%B3n-de-organizaciones?hsLang=es#main-content) - [Generar una organización en Mifiel](https://guia.mifiel.com/es/gesti%C3%B3n-de-organizaciones?hsLang=es#generar-una-organizaci%C3%B3n-en-mifiel) - [Agregar miembros y editar sus permisos](https://guia.mifiel.com/es/gesti%C3%B3n-de-organizaciones?hsLang=es#agregar-miembros-y-editar-sus-permisos) - [Acerca de Mifiel](https://guia.mifiel.com/es/acerca-de-mifiel?hsLang=es#main-content) - [Información general](https://guia.mifiel.com/es/acerca-de-mifiel?hsLang=es#informaci%C3%B3n-general) - [Firmando desde la app móvil](https://guia.mifiel.com/es/firmando-desde-la-app-m%C3%B3vil?hsLang=es) - [Noticias](https://guia.mifiel.com/es/noticias?hsLang=es) - [Portal de Fondeo Estructurado](https://guia.mifiel.com/es/portal-de-fondeo-estructurado?hsLang=es) [![Chill listening crop-3](https://guia.mifiel.com/hs-fs/hubfs/logo-only-1.png?width=24&height=24&name=logo-only-1.png "Chill listening crop-3")](https://www.mifiel.com/es)   Copyright © 2025, Mifiel ```json { "@context" : "https://schema.org", "@type" : "Organization", "logo" : "https://app.mifiel.com/assets/mifiel_branding.png", "name" : "Mifiel", "sameAs" : [ "https://www.linkedin.com/company/mifiel", "https://www.facebook.com/mifielfirma", "https://x.com/mifielfirma", "https://www.youtube.com/channel/UCd1tLtxCHH2Qv-iAOLEXyGA" ], "url" : "https://www.mifiel.com/es/" } ``` ```json { "@context" : "https://schema.org", "@type" : "WebSite", "name" : "Preguntas Frecuentes de Mifiel", "potentialAction" : { "@type" : "SearchAction", "query-input" : "required name=search_term_string", "target" : { "@type" : "EntryPoint", "urlTemplate" : "https://guia.mifiel.com/search?q={search_term_string}" } }, "url" : "https://guia.mifiel.com/" } ```