---
title: Personalización del Widget de Mifiel
description: Si tienes un sitio web donde tus usuarios interactúan, puedes integrar Mifiel mediante nuestra API. Esta integración debe hacerse usando nuestro widget. Ante esta condición de uso del servicio, divers
---

[Ir directamente al contenido](https://guia.mifiel.com/es/personalización-del-widget-de-mifiel#main-content)

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
  
  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)

# Personalización del Widget de Mifiel

Si tienes un sitio web donde tus usuarios interactúan, puedes integrar Mifiel mediante nuestra API. Esta integración debe hacerse usando nuestro widget.

Ante esta condición de uso del servicio, diversas personas interesadas en Mifiel o usuarias nos han preguntado si es posible modificar algunos aspectos del widget como su diseño general y disposición de módulos, con la finalidad de adaptarse mejor a su sitio.

Actualmente es posible modificar algunos aspectos visuales de la interfaz, pero no el flujo general ni la disposición de los elementos mostrados. A continuación te explicaremos por qué.

### Por qué no puede modificarse el flujo de firma y la disposición del widget

Existen dos razones de importancia.

#### 1. Seguridad de la información

Realizar cambios al widget podría poner en riesgo los datos sensibles de la e.firma. Esto pondría en duda la fiabilidad de las firmas al incumplir con el Artículo 97 del Código de Comercio. Además resultaría en una mala práctica en detrimento del usuario.

#### 2. Experiencia probada de uso

Tras casi 250 mil firmas realizadas en nuestra plataforma, hemos recopilado y analizado información detallada sobre el comportamiento de los firmantes, tengan o no experiencia usando la FIEL.

Por ello, nuestro producto está optimizado para:

1. Proveer a los firmantes todo el contexto que requieren.
2. Ser y mostrarse como una plataforma segura.
3. Minimizar los errores que puedan presentarse.
4. Disminuir el abandono del flujo de firma o *dropoff*, es decir, evitar que los usuarios no firmen.

Firmar con una e.firma generalmente se percibe como complejo. De ahí la importancia de un flujo amigable, intuitivo y probado en batalla.

Esto no significa que no permitamos algunas personalizaciones. Al contrario, conocemos las necesidades de nuestros clientes. A continuación te mostramos qué puedes personalizar en el widget de Mifiel sin afectar la fiabilidad de las firmas generadas ni la experiencia de usuario.

### Personalizaciones permitidas en el Widget de Mifiel

Las partes del widget que puedes modificar son:

#### Colores

Al igual que con el branding white-label sin API, el widget permite colocar algún color corporativo. Así puedes mantener la apariencia y sensación de interacción con tu marca.

Puedes cambiar el color en tres elementos:

- Botones.
- Contorno de cajas de firma.
- Enlaces.

Tu logo no se incluye para no entrar en conflicto si este ya se muestra en tu web. El logo de Mifiel tampoco se muestra.

[Consulta la guía para personalizar el widget de Mifiel con los colores de tu marca.](https://guia.mifiel.com/c%C3%B3mo-personalizar-el-widget-de-mifiel-con-los-colores-de-tu-marca?hsLang=es)

#### Textos y URLs específicos

Puedes personalizar los textos mostrados en los botones en pantallas de error y de éxito, así como la dirección URL a donde esos botones llevan. Por defecto no se muestran, pero puedes habilitarlos si los requieres.

#### Tamaño y ubicación

La incrustación del widget en tu página web se realiza mediante un *iframe*. Gracias a que contamos con diseño responsivo, puedes definir el tamaño que prefieras para el widget y tu ubicación preferida dentro de la página donde lo integrarás.

#### Información del documento

Puedes mostrar o no los siguientes elementos, siempre que estén definidos para el documento y que el ancho del widget sea menor a 767 pixeles (por defecto no se muestran):

- Fecha de expiración.
- Información y mensaje del creador del documento.

#### Chat de soporte de Mifiel

Por defecto se encuentra inhabilitado, pero puedes elegir si lo activas o lo mantienes oculto para tus firmantes.

- [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" : "TechArticle",
  "author" : {
    "@type" : "Organization",
    "name" : "Mifiel",
    "url" : "https://www.mifiel.com/"
  },
  "dateModified" : "2021-11-18T15:09:00-06:00",
  "datePublished" : "2021-11-18T14:49:00-06:00",
  "description" : "Descubre las razones por las que el widget de firma de Mifiel tiene opciones de personalización limitadas y conoce qué elementos visuales se pueden modificar para adaptarse a tu sitio web.",
  "headline" : "Personalización del Widget de Mifiel",
  "mainEntityOfPage" : {
    "@id" : "https://guia.mifiel.com/personalizaci%C3%B3n-del-widget-de-mifiel",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "https://app.mifiel.com/assets/mifiel_branding.png",
      "width" : 600
    },
    "name" : "Mifiel"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Actualmente no es posible modificar el flujo general ni la disposición de los elementos del widget. Esto es para garantizar la seguridad de los datos de la e.firma y mantener una experiencia de usuario probada tras casi 250 mil firmas realizadas."
    },
    "name" : "¿Es posible modificar el diseño general y el flujo de firma del widget de Mifiel?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Puedes personalizar los colores, los textos de los botones de error y éxito, sus URLs, el tamaño y ubicación del widget, la visibilidad de la información del documento (fecha de expiración y mensaje) y si el chat de soporte está activado o no."
    },
    "name" : "¿Qué aspectos del widget de Mifiel sí se pueden personalizar?"
  } ]
}
```

```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/"
}
```