Este blog pertenece a LOMBOK DESIGN

Crear firma HTML personalizada en Mail para MAC OS X Mountain Lion.

Con las nuevas incorporaciones en el equipo y el futuro cambio de imagen que vamos a vivir próximamente en Lombok Design hemos actualizado nuestras firmas de email. Hace un par de años publicamos una entrada sobre Cómo Crear firma HTML en Apple Mail donde explicábamos paso a paso cómo personalizar la firma de nuestros emails, pero Apple ha renovado sus sistemas operativos y en su última versión Mac OS X v10.8 Mountain Lion todo ha cambiado.

Por lo tanto, os explicamos la manera de personalizar la firma de email si tenéis el último sistema operativo de Mac OS X.

Podéis encontrar tutoriales para crear una firma HTML personalizada en Mozilla Thunderbird o para crear una firma HTML personalizada en Outlook Express en nuestro blog.

También hemos creado el tutorial para crear una firma HTML en Mac OSx Mavericks y Mac OSx Yosemite.


Crear una firma en Mail para MAC OS v10.8 Mountain Lion

Tal y como explicamos en el antiguo post, como primer paso debemos crear una firma en la aplicación Mail. Es necesario que la creemos ya que con esta firma “engañaremos” al programa Mail porque será sobrescrita más adelante. Para crear la firma lo haremos desde el panel de “Preferencias del Mail” en la sección de Firmas y pulsamos sobre el “+” para añadir una nueva firma. La llamaremos como queramos y no nos preocupamos del contenido porque lo reemplazaremos por la firma HTML que hayamos diseñado a nuestro gusto más adelante. En esta ocasión, tendremos la diferencia de que nos creará un archivo con la extensión “.mailsignature en vez del “.webarchive” que nos creaba la versión anterior. Una vez creada la firma cerramos el programa Mail. 

Este archivo que acabamos de crear se encuentra en la biblioteca de nuestro Mac en la siguiente ruta Librería / Mail / V2 / MailData / Signatures. Para llegar a Librería debemos abrir una ventana de Finder y mientras pulsamos la tecla ALT vamos a la sección “Ir”, ya que por defecto la Librería (o Biblioteca) está como archivo oculto.

Captura-de-pantalla-2013-08-14-a-la(s)-08.34

 

Crear la firma en HTML

A continuación crearemos la firma HTML exactamente igual que lo explicábamos en el post anterior (leer más abajo el apartado de “Crear la firma en HTML“). Una vez creada, deberemos copiar todo el código HTML y usando algún editor de texto como Adobe Dreamweaver o Text Edit o TextWrangler abrir la firma creada desde Mail con la extensión “.mailsignature”. En este archivo debemos mantener sólo la información de la cabecera, una especie de etiquetas meta, y remplazar el resto por el código HTML creado por ti con el diseño de la firma que acabamos de copiar.

Debemos sustituir el contenido del recuadro rojo por nuestro código HTML.
Debemos sustituir el contenido del recuadro rojo por nuestro código HTML.
Captura-de-pantalla-2013-08-14-a-la(s)-08.37
Resultado final de cómo quedaría el código de nuestra firma terminada.

Guardamos este archivo con la misma extensión. Una vez guardado, hacemos click sobre el archivo con el botón derecho del ratón y vamos a “Obtener Información” y activamos la casilla “Bloqueado“. Este paso es necesario para que la firma funcione. Ahora solo tenemos que volver a abrir el programa Mail y ¡listo! deberíamos tener nuestra firma preparada.

Captura-de-pantalla-2013-08-14-a-la(s)-08.39

 

Debemos tener en cuenta de que si queremos usarla como firma predeterminada, debemos ir a la sección de “Cuentas” en “Preferencias de Mail” y seleccionar la firma que queremos en nuestro usuario.

¡A disfrutar de vuestra nueva firma!


Crear una firma HMTL en Mail

Hemos recuperado el antiguo post y os lo dejamos escrito para aquellos que no dispongan de la última versión del sistema operativo de Apple. Es decir, para las versiones anteriores al Mac Os X v10.8 Mountain Lion.

Como primer paso crearemos una firma en la aplicación Mail. Es necesario que la creemos ya que con esta firma “engañaremos” al programa de Mail para poder insertar la firma HTML. Para crear la firma vamos a “Preferencias de Mail”, ahí a la opción Firmas y pulsamos sobre el “+” para añadir una nueva firma. Podéis llamarla como queráis, y no os preocupéis del contenido porque lo reemplazaremos por la firma HTML que hayamos diseñado a nuestro gusto más adelante.

Preferencias de Mail

Crear la firma HTML

Con un editor de texto creamos y diseñamos la firma en HTML que queramos. A la hora de realizar la maquetación de dicha firma podemos realizarla bien con divs o bien con tablas, aunque es más recomendable realizarla con estas últimas porque así evitaremos que se mueva la información. Tenemos que tener en cuenta que no es necesario introducir las etiquetas “<head>” ni “<body>“. En cuanto a utilizar CSS no tendremos restricciones, salvo que el código CSS debe estar embebido dentro del código, y no enlazado con un archivo externo ni utilizar la etiqueta “<style>” “</style>“. Recomendamos añadir un margen superior de unos 30px para que la firma quede separada del cuerpo del mensaje.

Por otra parte, si vamos a utilizar alguna imagen, éstas deberán estar subidas a algún servidor online y tendremos que utilizar su dirección o ruta completa.

Código HTML de la firma

Una vez que tengamos creada nuestra firma HTML, la guardamos con extensión “.html” y la abrimos con Safari. Una vez abierta la firma en Safari y comprobado que todo se ve correcto tal y como esperábamos, vamos al menú de “Archivo”, “Guardar como”, y elegimos el formato Archivo Web.

Nos creará un archivo con extensión “.webarchive” que es la misma extensión y formato que utiliza Mail para guardar las firmas. De esta forma, lo único que nos queda es sobreescribir el archivo que anteriormente creó Mail con nuestra firma, por este que acabamos de crear. Vamos a ver como.

  • Si tenemos una versión anterior a Lion vamos a la carpeta de nuestro usuario, de ahí vamos a Librería, Mail y Signatures.
  • Si tenemos Mac OSX Lion vamos a la carpeta de nuestro usuario, de ahí vamos a Librería, Mail, V2, MailData y Signatures.
Carpeta con las firmas de Mail

 

Vemos cual es el último archivo creado con extensión “.webarchive”, que tiene que coincidir con la hora de creación de la firma desde la aplicación Mail del paso 1. Copiamos el nombre del archivo y renombramos el archivo que guardamos desde Safari con este nombre. Una vez renombrado, reemplazamos el archivo en la carpeta Signatures con el que acabamos de renombrar. Y ya tenemos el trabajo duro hecho :D!!!!

Ya sólo nos queda volver a abrir Mail y crear un nuevo correo para ver como se ve nuestra nueva firma al aplicarla al correo que estemos redactando.

Aspecto de la firma una vez colocadaComo último punto importante, si la firma pierde su formato o no se ven las imágenes cuando se envían, debes de comprobar que en las preferencias de redacción de los correos tengas activado “Texto con Formato”. Dentro de Mail vamos a Preferencias de Mail, a la sección Redacción, y nos aseguramos de elegir en “Formato del Mensaje”, “Texto con Formato”.

Texto con Formato

Y con ésto ya tendríamos definitivamente nuestra firma HTML funcionando.

Si os ha quedado alguna pregunta, no dudéis en escribirnos y estaremos encantados de ayudaros.

Crear firma HTML personalizada en Mail para MAC OS X Mountain Lion.
  • salman rushdie

    Si quiero añadir texto (no jpg), tengo problemas con las “eñes” y los “acentos”.

    Alguna ayuda?

    Por ejemplo en el texto legal al final del mail:

    Este mensaje se dirige exclusivamente a su destinatario y puede contener información confidencial. Si no es vd. el destinatario indicado, queda notificado de que la lectura, utilización, divulgación y/o copia sin autorización está prohibida en virtud de la legislación vigente. Si ha recibido este mensaje por error, le rogamos que nos lo comunique inmediatamente por esta misma vía y proceda a su destrucción. El correo electrónico vía internet no permite asegurar la confidencialidad de los mensajes que se transmiten ni su integridad o correcta recepción del mensaje enviado.

    • Buenos días! Primero, te pedimos perdón por la espera. Ahora, hemos pensado en dos soluciones para las tildes. Nunca nos había pasado pero al ser HTML la solución es la misma que en cualquier otra plataforma.

      La primera es, una vez guardada la firma en el Mail, vamos a Preferencias > Firmas y ponemos las tildes en el cuadro de la derecha, al ser un editor de textos, éste lo transformará a HTML. Lo he probado y funciona.

      La segunda es lo mismo pero de manera manual. Antes de cargar la firma cambiamos las tildes a símbolos HTML. Es más fácil de lo que parece, por ejemplo: La letra “A” con tilde sería “& aacute;” la E con tilde sería “& eacute;” la O “& oacute;” (Sin espacio entre la & y la palabra) y así sucesivamente. Para más información sobre los símbolos http://ascii.cl/es/codigos-html.htm

      Si no consigues solucionarlo vuelve a escribirnos y te lo explicaremos más detalladamente.

      Un saludo desde Lombok Design

      • salman rushdie

        Claro… como no me había dado cuenta!!! Si es que “los arboles no me dejaron ver el bosque”. jejejeje

        Opcion 1 es la mejor, muchísimas gracias caballero.

        • De nada, estamos aquí para resolver vuestras cuestiones.
          ¡Que tengas un buen día!

          • salman rushdie

            Nada, al cerrar el programa mail y volver a abrirlo desaparecen las correcciones (eñes y tildes) que había hecho en el texto de la firma (en preferencias)…..

            Se le ocurre algo a alguien? 🙁

            Porque use opción 2 sustituir (en el archivo mailsignature) los acentos de la “ó” por código “& oacute” y quedo en texto:

            Este mensaje se dirige exclusivamente a su destinatario y puede contener informaci& oacuten confidencial. Si no es vd. el destinatario indicado, queda notificado de que la lectura, utilizaci& oacuten, divulgaci& oacuten y/o copia sin autorizaci& oacuten está prohibida en virtud de la legislaci& oacuten vigente. Si ha recibido este mensaje por error, le rogamos que nos lo comunique inmediatamente por esta misma vía y proceda a su destrucci& oacuten.

          • Debes escribir la “&” y “eacute;” juntos, la cuestión es que si los escribo aquí así me interpreta las tildes y no muestra código. Debe quedar como en la siguiente imagen.

          • salman rushdie

            Vaya, pues de nuevo repito mi frase: “Claro… como no me había dado cuenta!!!”

            Te propongo que cambies tu nick a “San Lombok Design”, por tu santa paciencia. jejej

            Mil gracias, ahora todo ok. 😉

          • ¡De nada! ¿Qué sería de nosotros sin nuestros lectores?

            Que tengas un buen día y disfruta de tu nueva firma.

  • Daniel

    Hola, no consigo encontrar mis archivos dentro de Librería, tengo MAC OS Mavericks

    • Buenos días Daniel!

      Desde Snow Leopard en adelante (hablo de memoria por lo que igual no es del todo correcto) la Librería ha quedado “oculta”, por lo que para mostrarla debemos:
      – Abrir una ventana de Finder.
      – Pulsar la tecla ALT
      – Y con la tecla ALT pulsada clickar en Ir en el menú superior de Finder. Deberías ver la Librería.

      Si pulsas y sueltas Alt con el menú desplegable de Ir abierto verás cómo se muestra y oculta.

      Espero que te hayamos servido de ayuda. Un saludo desde Lombok Design.

  • Mar

    Hola no consigo reemplazar el archivo =( cuando la arrastro no se reemplaza sino que se genera un nuevo archivo, adjunto imagen

    • Javier Valdés Romero

      Me pasa exactamente esto, pero no aparece respuesta

      • Mar Cureño

        Yo lo solucioné sobre escribiendo el archivo. Saludos

  • Marta

    Hola! Me pasa exactamente lo mismo que a Mar! ¿Qué estoy haciendo mal? Gracias por el tutorial, está muy bien explicado.

  • CrisisHyde

    Tras volverme loca trantando de reemplazar el archivo y demás, al fin encontré este mágico tutorial que explica como sustituir el .mailsignature… Hasta ahí todo perfecto pero… al redactar, no me permite ver la imagen, y en algunos servidores si se ve la firma (outlook, hotmail) pero en otros no (gmail). Sale como el símbolo de imagen no encontrada, o enlace roto… ¿Alguna solución? :'(

    • ¡Buenos días! Me alegro que el tutorial te haya servido. El problema que comentas es común Gmail, ya que a veces por la configuración por defecto no carga imágenes en los emails.

      Aún así hay dos soluciones que nos han servido con varios clientes.

      – Primero debes dirigirte a la carpeta dónde hayas guardado la firma HTML (normalmente: /Library/Mail/V2/MailData/Signatures/) y asegurarte de que el archivo está bloqueado tal cual cómo explico en el tutorial del blog. (“hacemos click sobre el archivo con el botón derecho del ratón y vamos a “Obtener Información“ y activamos la casilla “Bloqueado“). Esto debería bloquear el archivo de modificaciones.

      – Si eso no funciona prueba a: Ir a “Preferencias de sistema > Cuentas > Información de la cuenta” y desactiva la opción de Activar esta cuenta. Cierra Mail y vuelve a abrirlo. Entra de nuevo en el panel de preferencias y vuelve a activar la cuenta. Reinicia otra vez Mail.

      Esperemos que los amigos de Google solucionen este problema con las imágenes en las firmas HTML.

      • CrisisHyde

        No lo pude solucionar así. Tuve que cambiar el html, porque en outlook (y desde outlook) si funcionaba, pero para el resto de servidores de mail no 🙁
        Pero entre vuestras indicaciones, y esta página http://www.firmasdecorreo.com (muy útil para quiénes no controlan mucho html) logré que funcionara en todo 🙂
        Muchas gracias! 🙂 🙂 🙂

        • Me alegro de que hayas podido solucionar el problema y gracias por el aporte, una herramienta online muy interesante que no conocía. ¡Gracias a ti!

  • quim

    Buenas tengo la version 10.9.4, y no encuentro la manera de poder incluir la firma en el Mail.

    Siguiendo este tutorial, tampoco encuentro la Libreria.

    Alguna ayuda

    Gracias

  • Edwin Remolina

    Buenas tardes. Acabo de seguir los pasos anteriormente descritos después de 4 horas de intentar cambiar mi firma de mail. Efectivamente lo logré tan solo en 5 minutos con dichas indicaciones, excelente. Tengo OS X Yosemite y me funcionó tal como lo esperaba. Muchas gracias.

    • ¡Buenos días!

      Me alegro de que nuestro tutorial te haya servido. Nos gusta que nos escribáis con propuestas, ideas y agradecimientos.

      ¡Gracias por el comentario y feliz Año Nuevo!

  • Adhrian Vazquez

    el detalle es que no tengo ni idea del lenguage html.. ya hice una firma en firmasdecorreo.com pero no logro hacer que funcione en mi mail de yosemite. ¿alguna recomendación?

  • Javier Valdés Romero

    Hola, la aplicación mail no me genera archivos .webarchive sino que son de extensión.mailsignature. Entonces al sobreescribir la imagen HTML no quedan con el mismo formato, ya que debiese ser .webarchive

    Saludos y gracias de antemano

    • ¡Buenos días Javier!

      Si la aplicación Mail te genera archivos .mailsignature significa que tienes una versión de iOS superior al v10.8 Mountain Lion. Si es así, deberías usar el tutorial para Mountain Lion (que funciona con archivos .mailsignature).

      De todas formas, ¿Qué versión de iOS tienes? Lo puedes mirar clickando sobre el icono de la manzana en la parte superior izquierda de la pantalla y yendo a “Acerca de este Mac”.

      ¡Gracias por tu comentario! Esperamos ser de ayuda.