Cómo crear firma HTML para mi correo electrónico: Guía definitiva + Plantilla

¿Ya tienes tu firma HTML en tu email? ¿Aún no?

¡No me lo puedo creer!

Yo hablándote de cómo conseguir visitas para tu web gracias al SEO y no has cuidado un detalle tan importante para la imagen de tu web como la firma que tienes en tu correo electrónico. ¡Eso no puede ser!

Hoy te voy a mostrar como cuidar la imagen corporativa de tu web gracias creando una firma para tu email que ayude a identificar tu marca por encima del resto.

Ten en cuenta que cada detalle a la hora de perfilar la imagen de tu negocio cuenta. Por ello, hoy te voy a enseñar a crear una firma HTML para tus emails corporativos.

Si has oído bien, HTML, es decir, código. Pero no te alarmes todavía, gracias a esta sencilla guía simplemente tendrás que hacer un copia y pega y tendrás lista tu firma. Con este post también busco que no te asustes al ver código ya que no es tan complicado y vamos a utilizar un código HTML muy básico.

Algunos gestores de correo electrónico no permiten crear una firma sin necesidad de utilizar HTML como Outlook.Por ello, si usas otros gestores de correo profesionales como Webmail te obligarán a utilizar HTML para crear tu firma. De ahí, la necesidad de tocar algo de HTML aunque no tengas ni idea.

En este post te voy a mostrar dos formas de  crear una firma de correo: con HTML o sin el (mediante herramientas online).

¡Vamos con ello!

Configurar firma de correo electrónico en Outlook

Como te he comentado anteriormente, hacer una firma de correo con Outlook es muy sencillo gracias al editor tipo Word que te permite configurar tu firma sin necesidad de utilizar HTML. Para ello, deberás de seguir el siguiente proceso:

Primero, configuramos nuestra cuenta de email en:

Herramientas > Configuración de cuenta > Nueva

Posteriormente, y con la cuenta ya creada, haremos clic en:

Herramientas > Opciones > Formato de correos > Firmas

Una vez dentro seleccionaremos la cuenta de email asociada a la firma que vamos a configurar y simplemente tendrás que ir maquetándola como un simple Word. En esta firma podrás añadir enlaces, imágenes, etc.

Esta es la solución rápida y sencilla para crear un firma de email simple con Outlook.

¿NECESITAS UNA PÁGINA WEB?
  • QUÉ POSICIONE LA 1º EN GOOGLE
  • QUÉ SEA MÁS RÁPIDA QUE UN RAYO
  • QUÉ SEA PROFESIONAL

Firma HTML : Guía paso a paso

Vamos con el código HTML que es lo que más funciones te va a permitir introducir en tu firma de correo. Para crear tu firma de email simplemente tendrás que seguir los siguientes pasos:

  1. Copia y pega el código HTML tal cual te lo facilito en un bloc de notas.
  2. Modifica los datos que aparecen entre corchetes “[]” con los datos de tu empresa o proyecto.
  3. En la etiqueta <img src=””> pon el enlace o URL donde esté alojada la imagen de tu empresa o proyecto.
  4. Corrige los enlaces a las redes sociales y de tu página web. Estós enlaces los podrás localizar por la etiqueta HTML <a href=””>
  5. Copia el código de la firma HTML en tu programa de email.

Si directamente no sabes por donde empezar con el código HTML puedes descargarte directamente el código para crear tu propia firma HTML en el siguiente enlace oculto ¡Desbloquealo!



 

Con este código conseguirás una firma similar a esta:

¿QUIERES VER TU WEB EN LAS PRIMERAS POSICIONES DE GOOGLE?

Aprende las 15 técnicas SEO que harán de tu sitio web una web popular y deja de ser invisible para Google.

ebook conseguir visitas a tu blog

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

Herramientas gratuitas para crear tu firma HTML

Si en cuanto ves que el código HTML os asusto y no es lo vuestro, tranquilidad, tengo una solución alternativa, los maquetadores de firmas online.

Te voy a presentar 3 herramientas GRATUITAS que harán el trabajo de escribir código HTML por ti. Tu simplemente tendrás que diseñar la firma con el maquetador y luego tendrás que copiar el código en tu gestor de emails. ¡Así de simple!

HTMLSIG.com

Esta herramienta en su versión gratuita te permite crear tu firma HTML de manera sencilla. Esta firma de email podrá ser editada durante los 30 primeros días, si luego deseas editarla tendrás que pagar.

Para crear tu firma simplemente tendrás que introducir los datos en la herramienta, elegir una plantilla y listo ¡Firma HTML lista!.

NEWOLDSTAMP.com

Con esta herramienta el proceso es el mismo que el anterior.

En la herramienta tendrás una columna en la que introducir los datos personales de tu firma y en la otra columna tendrás que elegir la plantilla a utilizar para crear tu firma HTML.

WISESTAMP.com

Otra herramienta más que te facilitará la tarea de crear firmas HTML.

Lo más llamativo de esta herramienta es la vista previa a tiempo real que te ofrece. De esta manera, podrás ir viendo como va progresando tu firma HTML. Como plus a las anteriores herramientas, esta te permite incluir APPS a tu firma.

El mayor inconveniente respecto a las anteriores herramientas es que está aplicación tiene un menor número de plantillas.

CONOCE LOS TÍPICOS ERRORES CAPITALES QUE LASTRAN TU SEO

Conoce cuales son los principales pecados capitales que se suelen cometer en SEO contados de una forma totalmente distinta a como los habías leído hasta ahora.

pecados capitales seo

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

Usar imágenes como firma HTML

Si finalmente ves que con HTML es todo demasiado complicado, puedes optar por usar directamente una imagen como firma para tu email.

Rara es la persona que hoy en día no tiene unos conocimientos básicos de diseño en Word, PowerPoint, Photoshop, Ilustrator o Paint. Con estas herramientas podrás hacer auténticas maravillas en tu firma.

Si finalmente te decides por utilizar como firma una imagen tendrás que subir tu firma (imagen) a tu servidor y a continuación pegar el siguiente código HTML en la firma:

[su_box title=”Código HTML”]

<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Firma HTML</title>
</head>
<table width=”600″ border=”0″ cellspacing=”0″ cellpadding=”0″ style=”border:1px solid #ffa300;”>
<tr>
<td ><img src=”RUTA DE LA IMAGEN EN TU SERVIDOR”/></td>
</tr>
</table>
</html>

[/su_box]

Si aún no te queda claro como puedes empezar a maquetar tu firma HTML te dejo este vídeo que te lo explicará con más detalle como hacer una firma elegante en HTML.

¿Es necesario tener una firma HTML?

Lógicamente no es necesario tener una firma HTML maquetada.

Sin embargo, si descuidas estos puntos corporativos en tu empresa o proyecto web este no parecerá serio. La falta de profesionalidad que proyectas con una firma plana o descuidada en tu email es enorme. Por ello, debes de cuidarla.

Además, con este sencillo código ya no tendrás excusas para tener tu propia firma corporativa en tus emails.

Consejos para crear una firma bonita HTML

El diseño no es lo más importante de una firma. Sin embargo, como siempre digo, todo lo que hay en internet entra por los ojos. Por ello, tener una firma bonita en HTML que te destaque de la competencia te ayudará en tu negocio.

A continuación os doy unas pautas para crear una buena firma HTML:

  1. Se conciso, de nada sirve poner un montón de información irrelevante.
  2. Cuida el diseño pero recuerda la frase “menos es más”.
  3. Destaca tus datos de contacto. Escríbelos con un tamaño de letra mayor.
  4. Siempre usa tu logotipo en tu firma, esa es realmente tu firma personal.

Ejemplos de firmas originales y elegantes

A continuación te muestro un par de ejemplos de lo que podría ser tu firma HTML:

Conclusiones sobre tu firma HTML

Personalmente siempre soy partidario de código ya que es a lo que me dedico y es con lo que puedo hacer infinidad de cosas que con las herramientas gratuitas no conseguiría.

Sin embargo, si no tienes conocimientos de HTML te recomiendo utilizar las herramientas gratuitas que te he mencionado o en su defecto el maquetador de Outlook.

Si finalmente necesitas una firma más profesional y menos estándar no dudes en contactarme.

De todas maneras si tienes alguna duda ¡Ponla en los comentarios sin miedo! ¡Te ayudaré encantado!

¡Hasta la próxima!

¿QUIERES VER TU WEB EN LAS PRIMERAS POSICIONES DE GOOGLE?

Aprende las 15 técnicas SEO que harán de tu sitio web una web popular y deja de ser invisible para Google.

ebook conseguir visitas a tu blog

Responsable: Borja Aranda Vaquero Finalidad: Moderar los comentarios Legitimación: Tu consentimiento  Destinatarios:  Tus datos los guardará Mailchimp, mi proveedor de email marketing, que está acogido al acuerdo de seguridad EU-US Privacy.  Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

Al realizar un comentario en este blog aceptas su Política de Privacidad
Responsable: Borja Aranda Vaquero
Finalidad: Moderar los comentarios
Legitimación: Tu consentimiento
Destinatarios: Tus datos los guardará Disqus, mi sistema de comentarios (acogido al acuerdo de seguridad EU-US Privacy)
Derechos: Tendrás derecho a acceder, rectificar, limitar y suprimir tus datos

COMPARTIR POST