La semana pasada nos encontramos con la necesidad de crear una firma HTML dentro del cliente de Mail de Apple, y aunque en un principio parecía que no se podía, realmente si que se puede. Como no es todo lo sencillo que debería de ser he decidido escribir un post a modo de tutorial para todo aquel que le pueda resultar útil esta información.
Crear una firma en Mail
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 mas adelante.
Crear la firma en HTML
Con un editor de textos creamos la firma en HTML que queramos. Tenemos que tener en cuenta que no es necesario introducir las etiquetas “<head>” ni “<body>”. Con utilizar divs sería suficiente. En cuanto a utilizar CSS no tendremos restricciones, salvo que el código CSS debe estar embedido dentro del código, y no enlazado con un archivo externo.
Por otra parte, si vamos a utilizar alguna imagen, estas deberán estar subidas a algún servidor online y tendremos que utilizar su dirección o ruta completa.
Una vez que tenemos 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 creara 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.
Ver comentarios (29)
Hola, a ver os cuento mi caso, para ver si me podeis ayudar. Yo quiero incrustar lo siguiente
logo
mail
web
teléfono
Las últimas tres (mail, web y teléfono, las puedo poner directamente en mail, en la pestaña firma, y me salen directamente. Donde tengo el problema es al incrustar la imagen, no sé escribir código html, tengo el editor de texto de texedit, tengo la imagen subida a cloudapp, y se supone que pongo esto
y lo guardo pero luego no enlaza al guardarlo como html con nada, entiendo porque estoy poniendo el código mal, estoy buscando como se pone pero no encuentro nada realmente alentador. Me podéis ayudar??
Gracias
Nada ya me contesto yo sola. Ha sido un auténtico dolor de cabeza. La verdad me extrañó que fuera tan complicado, ya que en outlook, te abre el editor de word, pegas los archivos, guardas y ala a funcionar.
Os comento, todos los pasos son muy fáciles salvo que yo no sé código html y por más que buscaba y ponía los códigos, no iban. Para los que estén en la misma situación que yo, pues me he bajado Kompozer que es un programa para hacer html, pero vamos que tu escribes normalmente y él ya te pone los códigos, luego guardas. Eso sí, cuando inscrustamos imagen, te pide la url de dónde está instalado. Yo he usado cloudapp.
Bueno espero haber aportado algo de ayuda.
Gracias de todas formas
Gracias por los comentarios Priscila. Me alegro que finalmente saliera bien.
Espero poder ayudarte más la próxima vez.
Un saludo.
Ok. Perfecto, rápido, fácil y sencillo. Thank!
Gracias por la explicación. Yo consigo hacer todo lo que me dices pero, una vez que llego a sustituir el archivo .webarchive que he guardado (y al que he cambiado el nombre como dices) por el que aparece en Library, no se como hacer. Como adjuntar el archivo a la sección de FIRMAS de PREFERENCIAS DEL SISTEMA para que luego pueda usarla en los emails
Gracias una vez mas
David
OK. He entendido el concepto y hago todo lo que dices para tratar de engañar a la firma original. Sustituyo el archivo de la firma original por la firma HTML (a la que le he puesto el mismo nombre que el de la original previamente) pero al abrir un email nuevo me mantiene la firma original en vez de la HTML
Gracias de nuevo.
hola,
cuando yo creo una firma desde el mail, no me crea un webarchive, me crea un mailsignature, entonces al cambiar el nombre no me pregunta si quiero substituir, simplemente lo añade..
super útil este truco ya me olvide de estar abriendo los mails en el navegador, que por trabajo requiere llevar la firma en html con una imagen
Hola!
muchas gracias por tus explicaciones.. me he propuesto añadir una firma enriquecida a mis mails y tu info me ha servido de gran ayuda pero he llegado a un problema...
todo bien hasta:
Si tenemos Mac OSX Lion vamos a la carpeta de nuestro usuario, de ahí vamos a Librería, Mail, V2, MailData y Signatures.
Porque en mi carpeta de usuario no hay ninguna Libreria o_0 en mi carpeta de usuario están estas carpetas:
Descargas
Documentos
Escritorio
Imágenes
Música
Películas
Pública
Web
Dropbox
Google Drive
Aplicaciones
Alguna idea de cuál es mi problema?
Alguna idea de porqué siempre me tengo que topar con un problema?
:)
gracias?
Buenos días @sydmarta. Hace un par de meses publicamos en este mismo blog un post sobre cómo crear una firma HTML en OSX Lion que lo puedes encontrar aquí https://www.elrincondelombok.com/2013/crear-firma-en-mail-para-mac-os-x-mountain-lion-tutorial-apple-mail/
De todas formas, prueba a abrir una ventana de Finder, ve al menú de la barra superior y abre el menú desplegable de la opción "Ir" con la tecla ALT pulsada, selecciona "Biblioteca" y encontrarás la "Librería" con la carpeta "Mail". Desde aquí en adelante, los pasos a dar son los mismos.
Aún así te recomiendo leer el post actualizado.
Un saludo y gracias por tu comentario.
ahhh! Estaba escondida!
muchas gracias
De nada. Si tienes alguna otra pregunta no dudes en formularla, estamos aquí para enseñar todo lo que sabemos.
Un saludo y que tengas un buen día.
¡Buenos días Melissa!
Este tutorial ya tiene un tiempo y seguramente tendrás un sistema operativo más actual. La forma en la que se crean las firmas en Mountain Lion y en Mavericks es diferente.
Pero estás de suerte porque ya tenemos los tutoriales para ambos sistemas, sólo tienes que seguirlos:
https://www.elrincondelombok.com/2013/crear-firma-html-en-mail-para-mac-os-x-mountain-lion-tutorial-apple-mail/
https://www.elrincondelombok.com/2014/crear-firma-html-en-mail-para-mac-os-x-mavericks/
De todas formas, ¿Qué sistema operativo usas?
Un saludo.
Hola! Muy útil el artículo.
Consulta: se pueden insertar Google Web Fonts en una firma de mail?
Gracias!
¡Buenos días!
Te recomendaría usar las fuentes predeterminadas del sistema, ya que aunque ciertos clientes de email aceptan la propiedad de @font-face (Google WebFonts usa dicha función) la mayoría no lo hacen.
Puedes usar una fuente @font-face y poner una fuente predeterminada del sistema como apoyo: "font-family: 'Gotham-Light',Arial,sans-serif;". De esta manera los clientes de email que no reconozcan la Gotham-Light usarán la Arial o la Sans-Serif.
De todas formas te dejo una pequeña infografía que solucionará todas tus dudas acerca de las fuentes en las firmas HTML.
¡Gracias por tu comentario!