Generador de firma de correo que no se rompe en Outlook

Para quién es esta página: para quien tiene que armar su propia firma, o estandarizar la de un equipo entero, y prefiere no descubrir después que se desarma en la mitad de los destinatarios. Si lo que quieres son los parámetros de campaña de un enlace suelto, y no la firma completa, ve directo al generador de utm. Si tu pregunta es sobre probar asuntos de correo, y no sobre el pie del mensaje, el camino es la calculadora de muestra para test A/B de email. Las tres herramientas miran partes distintas del mismo envío: una arma el enlace medido, una dimensiona la prueba, y esta arma el bloque que viaja al final de cada mensaje.

La firma es el único anuncio que publicas todos los días sin pagar

Una persona que trabaja con correo manda entre 30 y 40 mensajes por día laboral. En un equipo de diez personas eso da cerca de 7.000 impresiones al mes de un bloque que casi nadie diseña con intención, nadie mide y que casi siempre fue copiado de alguien que ya lo había copiado de otra persona. No existe otro espacio con ese volumen y ese costo cero dentro de una empresa.

Solo que dos cosas suelen estar mal en ese bloque al mismo tiempo. La primera es técnica: se armó con HTML de página web y se desarma en Outlook. La segunda es de medición: los enlaces no llevan ningún parámetro, así que cada clic que sale de ahí aparece en el informe como tráfico directo, y la conclusión inevitable es que la firma no trae visitas, cuando en realidad nadie lo supo nunca.

Esta herramienta resuelve las dos en el mismo paso, y muestra el resultado en números en vez de prometerlo.

Cómo usarla

1. Completa nombre, cargo y empresa. La vista previa se redibuja con cada tecla y ya arranca con un ejemplo funcionando.
2. Ajusta los contactos. El correo se vuelve enlace de envío, y el teléfono con el código de país se vuelve enlace de llamada en el móvil, que es la diferencia entre que la persona llame y que copie el número a mano.
3. Apunta el logotipo a un archivo público en https y escribe el texto alternativo. El cliente de correo no carga imágenes locales ni inseguras, y la mitad de ellos bloquea imágenes por defecto.
4. Elige el modelo y el color de acento. El contraste de ese color sobre blanco se mide al lado, porque un enlace verde claro sobre blanco es invisible en la pantalla del móvil al sol.
5. Deja el etiquetado utm encendido y haz clic en copiar la firma lista. Pégala en Gmail, Outlook o Apple Mail. Si tu equipo de TI pide el código, usa copiar HTML.

Cómo funciona: las cuatro reglas de la salida

Aquí no hay magia. El bloque sale de cuatro decisiones, todas visibles en el resultado:

La nota es la suma de 12 comprobaciones con peso fijo, 100 puntos en total: nombre (10), cargo y empresa (10), correo enlazado (10), teléfono enlazado (8), sitio en https absoluto (10), imágenes seguras (10), peso del bloque (12), tamaño del aviso legal (6), contraste (8), enlaces etiquetados (6), firma escueta (5) y llamada a la acción (5). El peso es la única comprobación con puntuación parcial: por debajo de 8 KB paga completo, entre 8 y 25 KB paga la mitad, por encima no paga nada.

Una decisión que merece explicación: una firma sin ninguna imagen no pierde puntos. Es la más liviana y la que nunca se rompe, y tratarla como error empujaría a todo el mundo hacia el logotipo. Lo que sí pierde puntos es tener una imagen en http, demasiado ancha o sin texto alternativo, porque ahí sí se rompe de verdad.

Ejemplo trabajado (reproduce el resultado por defecto)

El ejemplo ya cargado es la firma de una persona de growth en una empresa ficticia, con logotipo de 140 píxeles, dos enlaces de redes y un botón de agenda. Comprobando lo que muestra la herramienta, número por número:

• Nota: 95, banda A, con un aviso en la lista.
• Peso del bloque: 2,3 kB, muy por debajo de los 8 KB de la banda completa y a una distancia cómoda del corte de 102 KB de Gmail.
• Líneas de texto: 7, contra el límite de 6. Ese es exactamente el aviso: la dirección es el séptimo bloque.
• Enlaces: 6. Correo, teléfono, sitio, LinkedIn, Instagram y el botón.
• Contraste: 6,49:1, por encima del mínimo de 4,5:1 de la WCAG para texto pequeño.

El aviso en el ejemplo por defecto es a propósito. La firma de ejemplo es realista, y una firma realista ya nace pasada de largo: es la comprobación que más gente falla, así que aparece de entrada en vez de esconderse detrás de un caso raro. Borra el campo dirección y mira cómo cierra la cuenta: las líneas bajan a 6, el aviso desaparece y la nota llega a 100.

Ahora haz cuatro pruebas más, cada una aislando una rotura que solo aparece cuando la firma ya está circulando:

• Apaga el etiquetado utm. La nota baja de 95 a 89 y el peso cae a 2,0 kB, porque los parámetros salen de los cinco enlaces. Más liviana y ciega: ese es el cambio que hace casi toda firma sin darse cuenta.
• Sube el ancho del logotipo a 260. La nota baja a 85, con el aviso de que por encima de 200 píxeles empuja el texto hacia abajo en el móvil.
• Cambia el color de acento a #7fd0b0. El contraste se desploma de 6,49:1 a 1,82:1, la nota baja a 87 y entra el aviso de legibilidad. El color sigue viéndose bien en la pantalla del ordenador, y ese es justamente el problema.
• Cambia el https del logotipo por http. La nota baja a 85 y la imagen deja de cargar en el cliente de correo, que es un fallo silencioso: en tu propio navegador sigue apareciendo.

Las medidas de referencia

Estos son los valores que usa la herramienta. Algunos son regla publicada, otros son práctica de mercado, y la diferencia importa cuando hay que discutirlo con alguien:

• 102 KB: el punto en el que Gmail corta el mensaje y esconde el resto detrás del enlace de ver todo. Es límite de plataforma, no estimación.
• 4,5:1: contraste mínimo de texto pequeño sobre el fondo, según la WCAG 2.1 nivel AA. También es regla publicada.
• 8 KB y 25 KB: las bandas de peso de la firma. Criterio nuestro, calibrado por el efecto de la repetición en un hilo largo, no un número oficial de nadie.
• 200 píxeles de logotipo y 120 de foto: práctica de mercado, pensada para el ancho útil de un móvil en vertical.
• 300 caracteres de aviso legal y 6 líneas de texto: también criterio nuestro, y los dos más discutibles de la lista. Existen para que decidas con un número delante en vez de a ojo.

Cómo leer cada número

La nota mide lo que está bajo tu control: la firma está completa, tiene enlaces que funcionan, es liviana y sobrevive a Outlook. No promete que todo cliente de correo vaya a mostrar el bloque píxel a píxel, porque eso depende de motores de renderizado que nadie controla, y cualquier herramienta que lo prometa está vendiendo algo que no existe.

El peso del bloque es el número más subestimado de la lista. Parece irrelevante en 2,3 kB, y lo es, en un mensaje. El problema aparece cuando lo multiplicas por diez respuestas del mismo hilo y sumas la firma de quien contesta del otro lado. Por eso la banda completa es tan estrecha.

Las líneas de texto cuentan bloques, no líneas visuales. Es a propósito: la misma firma ocupa tres líneas en el ordenador y siete en el móvil, y contar lo que se ve en pantalla daría un número distinto por dispositivo. Contar bloques da el mismo número en todas partes y coincide con lo que de verdad decides.

El contraste usa fondo blanco porque es el fondo del cuerpo del correo en prácticamente todos los clientes. En modo oscuro la cuenta cambia, y ahí va la salvedad: un acento muy claro o muy oscuro sufre en uno de los dos modos, y el término medio es el que sobrevive en ambos.

Límites conocidos

El mayor límite es que ninguna herramienta puede predecir el comportamiento de todo cliente de correo. Outlook 2016, Outlook para Mac, Outlook en la web y el nuevo Outlook son cuatro renderizadores distintos con el mismo nombre, y eso antes de sumar Gmail en la aplicación y en el navegador, Apple Mail, Thunderbird, Superhuman y los clientes corporativos. La tabla con estilos en línea es el denominador común que sobrevive a todos, y por eso es la única salida que se ofrece aquí, pero un denominador común no es una garantía de píxel.

La herramienta tampoco aloja tu imagen. Recibe la dirección del archivo y comprueba si es absoluta y segura, y eso es todo lo que se puede hacer sin un servidor en el medio. Si el archivo está detrás de un inicio de sesión, en una carpeta privada o en un dominio que bloquea el acceso externo, la firma se verá bien en tu navegador y llegará como un recuadro vacío a la bandeja de quien la recibe. Vale la pena enviar un correo de prueba a una cuenta tuya de otro proveedor antes de repartirla al equipo.

Y la nota no es una prueba de entregabilidad. Mira la estructura del bloque, no la reputación de tu dominio, la autenticación de tus envíos ni el historial de tu lista. Una firma con nota 100 en un dominio sin autenticación sigue cayendo en spam.

De la firma lista al clic medido

Una vez que el bloque está armado y etiquetado, la pregunta siguiente es qué pasa con quien hace clic:

• Para armar parámetros de campaña de cualquier otro enlace, y mantener el estándar del equipo, usa el generador de utm.
• Si el botón de la firma lleva a una landing page, pásala por el evaluador de landing page antes de pelear por más clics hacia una página que no convierte.
• Para probar asuntos de correo con tu lista, mira cuántos suscriptores por versión exige la prueba en la calculadora de muestra para test A/B de email.
• Con una prueba en marcha, revisa el veredicto en la calculadora de significancia estadística en vez de cerrarla el primer día bueno.

Preguntas frecuentes

¿Por qué mi firma se rompe en Outlook?

Porque Outlook para Windows no renderiza el correo con un motor de navegador: usa el motor de maquetación de Word. En la práctica eso significa que float, flexbox, grid, position y buena parte de margin se ignoran, y el bloque que se veía perfecto en Gmail se desarma ahí. La mayoría de los generadores gratuitos entrega div con flexbox, porque es lo que se escribe para la web, y el resultado es una firma que funciona en la mitad de los destinatarios. La salida de aquí es una tabla con estilos en línea, el único diseño que Word, Gmail y Apple Mail dibujan igual. No hay opción de div en esta herramienta a propósito: ofrecer la opción sería ofrecer el error.

¿Cómo pongo esta firma en Gmail?

Haz clic en copiar la firma lista, abre la configuración de Gmail, ve a firma y pega con Ctrl+V. El botón copia el bloque como HTML con formato y no como código, así que lo que aparece ahí es la firma armada y no un muro de etiquetas. Si tu navegador bloquea la copia con formato, la herramienta cae sola a la vista previa seleccionada, que funciona igual. En Outlook de escritorio el camino es archivo, opciones, correo, firmas, y ahí también se pega. En herramientas que piden el código, como algunas cuentas corporativas y firmas centralizadas por TI, usa copiar HTML y entrega el texto.

¿De verdad necesito utm en los enlaces de la firma?

Lo necesitas si quieres saber si funciona. Sin parámetros de campaña, cada clic que sale de tu firma llega al informe como tráfico directo, mezclado con quien escribió la dirección a mano. Con utm, la firma se vuelve un canal medible, y descubres algo que casi nadie mide: cuántas visitas al mes vienen de un equipo que solo contestó correos. Es el etiquetado más barato que existe, porque el volumen de envío ya está ocurriendo de todos modos. Si necesitas parámetros para otras campañas, el generador de utm se encarga del resto.

¿Un logotipo en la firma perjudica la entrega?

Una imagen pequeña alojada en https no perjudica. Lo que perjudica es el extremo: una firma que es una sola imagen, sin texto, aumenta la probabilidad de que el filtro trate el mensaje como promoción, porque no queda contenido que analizar. Y una imagen pesada retrasa el renderizado con mala conexión. La regla práctica es simple: texto real en las líneas de contacto, logotipo como complemento, ancho por debajo de 200 píxeles, archivo en https y con texto alternativo, porque la mitad de los clientes de correo bloquea imágenes por defecto y sin alt la persona ve un rectángulo en blanco donde debería estar tu marca.

¿Qué es el corte de Gmail y qué tiene que ver mi firma?

Gmail deja de mostrar el mensaje cuando pasa de unos 102 KB y esconde el resto detrás de un enlace de ver todo. Una firma sola casi nunca se acerca a eso, pero no viaja sola: en un hilo de diez respuestas la misma firma aparece diez veces, y es la suma la que revienta. Por eso la herramienta muestra el peso del bloque en vez de esconderlo. Por debajo de 8 KB estás a salvo en cualquier conversación; por encima de 25 KB la firma ya es la parte más pesada de un hilo largo.

¿Debo incluir el aviso de confidencialidad?

Depende de tu sector y de tu equipo legal, y esa parte no es una decisión de marketing. Lo que sí es decisión de marketing es el tamaño. El aviso se repite en cada respuesta del hilo, así que un texto de tres párrafos se vuelve más contenido que la conversación entera después de algunos intercambios. La herramienta considera razonables hasta 300 caracteres y avisa por encima de eso. Si tu equipo legal exige un texto largo, una salida habitual es dejar una frase corta en la firma que apunte a una página con la versión completa.

¿Por qué la herramienta se queja al pasar de 6 líneas?

Porque la firma compite con el mensaje. En una respuesta de dos líneas, una firma de nueve se vuelve casi toda la pantalla, y el efecto es el contrario del buscado: en vez de reforzar la marca, empuja el contenido hacia arriba y lo saca del campo de atención. Seis bloques de texto ya cubren nombre, cargo y empresa, contactos, sitio, redes y llamada a la acción. La dirección completa, un segundo teléfono, premios y lemas son lo que suele pasarse. La cuenta es por bloque, no por línea visual, así que el mismo número vale en cualquier ancho de pantalla.

¿La herramienta guarda o envía mis datos?

No. Todo funciona en tu navegador: los campos no salen de esta página, no se visita ninguna URL, no se guarda nada y no hay ningún servidor nuestro en el medio. Puedes comprobarlo abriendo la pestaña de red mientras escribes. Aquí importa más que en la herramienta promedio, porque una firma lleva el nombre completo, el teléfono y el correo corporativo de una persona real, que es justo el tipo de dato que no debería pasar por el servidor de un sitio gratuito solo para convertirse en un bloque de HTML.

Sigue leyendo

Para ir más allá del pie del mensaje, sigue por la guía completa de test A/B en email marketing, mira cómo elegir la hora de envío y lee sobre test A/B de asuntos de correo.