Estructura y compatibilidad técnica en firmas de correo
La creación de una firma de correo electrónico profesional requiere un equilibrio estricto entre el diseño visual y la compatibilidad del código subyacente. A diferencia de las páginas web modernas, que utilizan hojas de estilo externas y scripts complejos, las firmas de correo electrónico dependen de un subconjunto muy limitado de HTML para garantizar que se muestren correctamente en diferentes clientes de correo.
Este generador produce un código limpio y depurado que utiliza exclusivamente una estructura de tabla (table, tr, td), etiquetas de formato de texto (strong, span), hipervínculos (a) y estilos en línea. Se omiten por completo elementos que los filtros de seguridad o los clientes de correo suelen bloquear o descartar, tales como hojas de estilo externas (style), scripts (script), imágenes (image), formularios (form), clases CSS (class) o controladores de eventos.
La tabla de presentación generada tiene un ancho máximo fijo de 520 píxeles (max-width:520px). Esta dimensión garantiza que la firma mantenga su estructura tanto en pantallas de escritorio como en dispositivos móviles, evitando que el diseño se rompa o requiera un desplazamiento horizontal incómodo para el destinatario.
Campos de entrada y validación de datos
Para construir la firma, la herramienta solicita una serie de datos personales y profesionales. Cada campo cuenta con reglas específicas de longitud y formato para asegurar la viabilidad del código HTML resultante:
- Nombre completo: Es el único campo obligatorio. Debe escribirse exactamente como se desea que lo vean los destinatarios. Tiene un límite máximo de 160 caracteres.
- Cargo: Campo opcional con un límite máximo de 160 caracteres.
- Teléfono: Campo opcional con un límite máximo de 80 caracteres. Para que el número sea interactivo y permita realizar llamadas al pulsar sobre él, debe comenzar con el símbolo
+seguido del código de país. - Correo electrónico: Campo opcional con un límite máximo de 254 caracteres.
- Sitio web: Dirección web opcional. Si se omite el protocolo, el sistema añade automáticamente
https://. Cada URL tiene un límite de 300 caracteres. - Enlace de perfil: Campo opcional para un portafolio, perfil profesional o página de creador, limitado a 300 caracteres.
El tamaño total del HTML generado se mantiene siempre por debajo del objetivo de 10.000 caracteres para evitar problemas de carga o truncamiento en los clientes de correo.
Reglas de procesamiento y mensajes del sistema
El generador analiza en tiempo real la validez de la información introducida. Si los datos no cumplen con los requisitos técnicos, el sistema bloquea la generación del código y muestra advertencias específicas para cada campo:
- Si el nombre está vacío: "Introduce un nombre completo."
- Si se supera el límite de caracteres en el nombre: "El nombre completo debe tener como máximo
‹max›caracteres." - Si el cargo excede el límite: "El cargo debe tener como máximo
‹max›caracteres." - Si el teléfono contiene caracteres no permitidos: "Usa dígitos, signos telefónicos habituales y una extensión opcional."
- Si el teléfono supera el límite: "El teléfono debe tener como máximo
‹max›caracteres." - Si el correo electrónico no es válido: "Introduce una sola dirección de correo con un formato válido."
- Si el correo supera el límite: "La dirección de correo debe tener como máximo
‹max›caracteres." - Si una URL no es válida: "Introduce una dirección válida de sitio web o perfil."
- Si se emplea un protocolo no compatible: "Usa un enlace http:// o https://."
- Si la URL incluye credenciales de acceso: "Elimina el nombre de usuario y la contraseña de este enlace."
- Si el enlace es excesivamente largo: "Acorta este enlace para que quepa de forma segura en una firma de email."
- Si se detectan elementos invisibles o saltos de línea: "Elimina los caracteres de control o los saltos de línea inesperados de este campo."
Si existen errores activos, la interfaz mostrará el aviso general "Corrige los campos señalados antes de generar la firma.". En estado de espera, el sistema indica "Listo para añadir los datos de la firma.". Una vez procesada correctamente, muestra "Firma de email generada.", y si se limpian los campos, confirma que "Se han borrado los datos y la vista previa de la firma.".
Tratamiento de enlaces y seguridad del código
El generador aplica transformaciones automáticas para garantizar que los enlaces funcionen de manera óptima y segura en cualquier plataforma de destino:
| Tipo de enlace | Comportamiento y transformación técnica |
|---|---|
| Teléfono | Si comienza con +, se genera un enlace con el protocolo tel: para permitir la marcación directa. |
| Correo electrónico | Genera un enlace con el protocolo mailto: codificado en formato de porcentaje para evitar errores de lectura. |
| Sitio web / Perfil | Se normalizan los dominios internacionales en los atributos href y se asegura el uso de esquemas seguros. |
| Texto de usuario | Se escapan todos los caracteres especiales de texto y atributos para prevenir la inyección de código malicioso. |
Es importante destacar que la herramienta realiza una comprobación de la estructura de los campos, la seguridad de los enlaces y la integridad del HTML generado. No verifica la identidad del usuario, los permisos de uso, la propiedad de los dominios ni la disponibilidad real de las direcciones de correo o sitios web introducidos.
Privacidad de los datos personales
La confidencialidad de la información introducida es un aspecto prioritario en el diseño de esta herramienta. Tus datos de contacto y la firma generada permanecen en tu navegador. BroBroGo no los sube ni los guarda en servidores externos, lo que garantiza que la información sensible, como números de teléfono o correos electrónicos corporativos, no sea expuesta ni almacenada por terceros.
Preguntas frecuentes
¿La firma se verá igual en todas las aplicaciones de correo?
No. Está diseñada para seguir siendo legible en las aplicaciones de correo habituales, pero Gmail, Outlook, Apple Mail y las pasarelas corporativas pueden cambiar el espaciado, las fuentes, los colores o los enlaces. Envía mensajes de prueba desde las aplicaciones que usas antes de publicarla.
¿Qué campos son obligatorios?
Solo es obligatorio el nombre completo. El cargo, el teléfono, el correo, el sitio web y el enlace de perfil son opcionales, y los campos vacíos se omiten. Usa un número internacional que empiece por + si quieres que el teléfono sea un enlace.
¿Cómo añado el HTML a mi aplicación de correo?
Copia el HTML generado y sigue el método de tu aplicación para añadir una firma HTML. Algunos editores aceptan el contenido renderizado en lugar del código sin procesar; envíate una prueba para escritorio y otra para móvil antes de usarla con destinatarios.
¿Qué ocurre si no introduzco ningún dato en el generador?
Si no se ha introducido ni generado ninguna firma, el área de salida de código mostrará el mensaje "Introduce tus datos y genera una firma para ver el HTML que puedes copiar.".