--- title: How to customize the Mifiel widget with your brand’s colors description: You can change the colors of the widget from Mifiel’s graphical user interface. --- [Skip to content](https://guia.mifiel.com/en/how-to-customize-the-mifiel-widget-with-your-brands-colors#main-content) - [English](https://guia.mifiel.com/en/how-to-customize-the-mifiel-widget-with-your-brands-colors) - [Español](https://guia.mifiel.com/es/cómo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca) English Show submenu for translations [![mifiel\_logo.png\]](https://guia.mifiel.com/hs-fs/hubfs/mifiel_logo.png?height=35&name=mifiel_logo.png)](https://www.mifiel.com/en/) Open main navigation Close main navigation - - [English](https://guia.mifiel.com/en/how-to-customize-the-mifiel-widget-with-your-brands-colors) - [Español](https://guia.mifiel.com/es/cómo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca) English Show submenu for translations Hi! How can we help you? - There are no suggestions because the search field is empty. 1. [Frequently Asked Questions](https://guia.mifiel.com/en?hsLang=en) 2. [API integration](https://guia.mifiel.com/en/api-integration?hsLang=en) 3. [Signing widget customizations](https://guia.mifiel.com/en/api-integration?hsLang=en#signing-widget-customizations) # How to customize the Mifiel widget with your brand’s colors ## You can change the colors of the widget from Mifiel’s graphical user interface If you have the API feature enabled, using Mifiel’s graphical user interface you can easily customize the colors of the signing widget embedded in your website. To do so, follow the steps below. Currently the colors customization of the widget through Mifiel’s graphical user interface is only available for individual accounts, not for [multi-user team accounts](https://guia.mifiel.com/qu%C3%A9-es-y-c%C3%B3mo-funciona-una-organizaci%C3%B3n-en-mifiel?hsLang=en). If you need to do it in your multi-user team account, please contact us vía chat by pressing the green button in the lower right corner of the screen. Tip: Quickly access the widget customization page from [https://app.mifiel.com/settings/customize-widget](https://app.mifiel.com/settings/customize-widget) 1. Log into your Mifiel account. 2. In the upper right corner, click the "Mi cuenta" menu. ![faq\_05-generaraccesstoken](https://guia.mifiel.com/hs-fs/hubfs/faq_05-generaraccesstoken.png?width=688&name=faq_05-generaraccesstoken.png) 3. Click the "Configuraciones de API" option. ![Mifiel-FAQ-Access-Tokens-2](https://guia.mifiel.com/hs-fs/hubfs/Mifiel-FAQ-Access-Tokens-2.png?width=340&name=Mifiel-FAQ-Access-Tokens-2.png) 4. On the left sidebar, under the "Configuraciones de API" section, click "Personalizar el widget de firma". ![Mifiel-Personalizar-Widget-1](https://guia.mifiel.com/hs-fs/hubfs/Mifiel-Personalizar-Widget-1.png?width=207&name=Mifiel-Personalizar-Widget-1.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. ![Mifiel-Personalizar-Widget-2](https://guia.mifiel.com/hs-fs/hubfs/Mifiel-Personalizar-Widget-2.png?width=688&name=Mifiel-Personalizar-Widget-2.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". ![Mifiel-Personalizar-Widget-3](https://guia.mifiel.com/hs-fs/hubfs/Mifiel-Personalizar-Widget-3.png?width=688&name=Mifiel-Personalizar-Widget-3.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. ![Mifiel-Personalizar-Widget-4](https://guia.mifiel.com/hs-fs/hubfs/Mifiel-Personalizar-Widget-4.png?width=688&name=Mifiel-Personalizar-Widget-4.png)   - [Document signing](https://guia.mifiel.com/en/document-signing?hsLang=en#main-content) - [How to sign a document using the e.firma in Mifiel](https://guia.mifiel.com/en/document-signing?hsLang=en#how-to-sign-a-document-using-the-e-firma-in-mifiel) - [Features of the e.firma](https://guia.mifiel.com/en/document-signing?hsLang=en#features-of-the-e-firma) - [Common errors](https://guia.mifiel.com/en/document-signing?hsLang=en#common-errors) - [Document preparation](https://guia.mifiel.com/en/document-preparation?hsLang=en#main-content) - [Invite signers](https://guia.mifiel.com/en/document-preparation?hsLang=en#invite-signers) - [Customize the characteristics of a document](https://guia.mifiel.com/en/document-preparation?hsLang=en#customize-the-characteristics-of-a-document) - [Document management](https://guia.mifiel.com/en/document-management?hsLang=en#main-content) - [General](https://guia.mifiel.com/en/document-management?hsLang=en#general) - [For document managers](https://guia.mifiel.com/en/document-management?hsLang=en#for-document-managers) - [Verifying a signed document and its signatures](https://guia.mifiel.com/en/verifying-a-signed-document-and-its-signatures?hsLang=en) - [Private signing process of encrypted documents](https://guia.mifiel.com/en/private-signing-process-of-encrypted-documents?hsLang=en#main-content) - [Creation of encrypted documents](https://guia.mifiel.com/en/private-signing-process-of-encrypted-documents?hsLang=en#creation-of-encrypted-documents) - [Signing of encrypted documents](https://guia.mifiel.com/en/private-signing-process-of-encrypted-documents?hsLang=en#signing-of-encrypted-documents) - [Set up of organizations and accounts](https://guia.mifiel.com/en/private-signing-process-of-encrypted-documents?hsLang=en#set-up-of-organizations-and-accounts) - [API integration](https://guia.mifiel.com/en/api-integration?hsLang=en#main-content) - [General](https://guia.mifiel.com/en/api-integration?hsLang=en#general) - [Signing widget customizations](https://guia.mifiel.com/en/api-integration?hsLang=en#signing-widget-customizations) - [Additional features](https://guia.mifiel.com/en/api-integration?hsLang=en#additional-features) - [Plans and packets, billing and payment](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#main-content) - [Features](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#features) - [Pricing scheme](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#pricing-scheme) - [Purchasing process](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#purchasing-process) - [Billing process](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#billing-process) - [Checking your consumption](https://guia.mifiel.com/en/plans-and-packets-billing-and-payment?hsLang=en#checking-your-consumption) - [Managing your e.firma and your Mifiel account](https://guia.mifiel.com/en/managing-your-e-firma-and-your-mifiel-account?hsLang=en#main-content) - [Your Mifiel account](https://guia.mifiel.com/en/managing-your-e-firma-and-your-mifiel-account?hsLang=en#your-mifiel-account) - [Features for signers](https://guia.mifiel.com/en/managing-your-e-firma-and-your-mifiel-account?hsLang=en#features-for-signers) - [Your e.firma (FIEL)](https://guia.mifiel.com/en/managing-your-e-firma-and-your-mifiel-account?hsLang=en#your-e-firma-fiel) - [Legal topics](https://guia.mifiel.com/en/legal-topics?hsLang=en#main-content) - [Electronic signature regulations](https://guia.mifiel.com/en/legal-topics?hsLang=en#electronic-signature-regulations) - [Organization Management](https://guia.mifiel.com/en/organization-management?hsLang=en#main-content) - [Generating an organization in Mifiel](https://guia.mifiel.com/en/organization-management?hsLang=en#generating-an-organization-in-mifiel) - [Adding members and editing their permissions](https://guia.mifiel.com/en/organization-management?hsLang=en#adding-members-and-editing-their-permissions) - [About Mifiel](https://guia.mifiel.com/en/about-mifiel?hsLang=en#main-content) - [General information](https://guia.mifiel.com/en/about-mifiel?hsLang=en#general-information) - [Signing from the app](https://guia.mifiel.com/en/signing-from-the-app?hsLang=en) [![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")](http://www.mifiel.com)