Tabla de contenido
  1. Creación de firmas de email para correos personales
  2. Herramientas generadoras de firmas de email
  3. Cómo crear una firma de email para newsletters con Stripo
  4. Conclusión
Cómo hacerlo
7 días

Crea una firma de email HTML en minutos: todas las formas posibles explicadas

Autor
Anton Diduh
Anton Diduh Redactor de contenido y creador de vídeo en Stripo
Create an HTML email signature in no time. All possible ways explained
Tabla de contenido
1.
Creación de firmas de email para correos personales

La mayoría de las personas configura su firma de email una sola vez, se confunde a mitad del proceso y termina con algo que no le convence o simplemente decide no usar ninguna. Sin embargo, una firma de email no solo sirve para presentarte y añadir un toque más humano a tus mensajes, sino que también es un excelente espacio para incluir toda tu información de contacto. Por eso, prescindir de ella es desaprovechar una gran oportunidad. Y lo mejor es que crear una firma de email es bastante sencillo. En este artículo te mostraremos todas las formas posibles de hacerlo. Sin más preámbulos, comencemos.

Creación de firmas de email para correos personales

Si hablamos de firmas de email, vale la pena empezar por lo básico. Los correos personales también se benefician de una firma, y lo mejor es que crear una toma apenas un par de minutos. Todos los proveedores de correo ofrecen la funcionalidad necesaria para hacerlo. No son exactamente herramientas avanzadas, sino opciones simples y fáciles de usar para añadir una firma.

Firma de email HTML en Gmail

Comencemos agregando una firma de email HTML en Gmail. Repasaremos todos los pasos necesarios para mostrarte lo sencillo que es crear y añadir una firma.

Primero, haz clic en el botón Settings, identificado con el icono de engranaje, para abrir el menú desplegable. Después, selecciona la opción See all settings.

Configuración de Gmail

Verás una página con todas las configuraciones disponibles de Gmail. Para encontrar la opción Signature, tendrás que desplazarte hasta la parte inferior.

Página de configuración de Gmail

Desplázate hacia abajo hasta encontrar la sección Signature. Ahí es donde crearás tu firma, y todo el proceso es bastante sencillo.

Configuración de firma de email en Gmail

Haz clic en el botón Create new y asigna un nombre a tu firma.

Campo para introducir el nombre de la firma

Después tendrás frente a ti un lienzo en blanco. Este será tu espacio de edición, donde podrás añadir texto, imágenes y enlaces. Además, podrás personalizar cada elemento según tus necesidades.

Ventana de edición de firmas en Gmail

Por ejemplo, aquí tienes una firma básica compuesta únicamente por texto. Para algunas personas será suficiente, pero recuerda que puedes mejorarla utilizando las herramientas que ofrece este pequeño editor.

Barra de herramientas de firma en Gmail

De izquierda a derecha, podrás: 

  • cambiar el estilo de fuente;
  • ajustar el tamaño de la fuente;
  • aplicar estilos de texto como negrita, cursiva y subrayado;
  • elegir el color de la fuente;
  • añadir enlaces;
  • insertar imágenes;
  • configurar la alineación del texto;
  • crear listas numeradas o con viñetas;
  • añadir citas y establecer sangrías.

Personalízala a tu gusto y crea la firma perfecta para tus correos personales.

Firma de Gmail editada

Además, no olvides configurar la firma para los tipos de correo adecuados. Puedes utilizarla únicamente en mensajes nuevos, solo en respuestas y reenvíos, o en ambos tipos al mismo tiempo.

Opciones para incluir la firma en distintos tipos de emails

Firma de email HTML en Outlook.com 

Ahora es momento de hablar sobre cómo añadir una firma en Outlook. Para empezar, haz clic en el botón Settings.

Configuración de Outlook

Después, ve a Account y selecciona la sección Signature. Ahí es donde crearás tu firma. Haz clic en Add signature para abrir el editor.

Configuración de firmas en Outlook

Este editor funciona de forma muy similar al de Gmail. Añade un nombre para tu firma en el campo correspondiente y, en otro campo, escribe el contenido de la firma y edítalo utilizando la barra de herramientas superior.

Ventana de edición de firmas en Outlook

Como la mayoría de las herramientas son similares a las de Gmail, enumeraremos únicamente las opciones que son diferentes en este editor:

  • añadir texto en superíndice y subíndice;
  • aplicar alineación justificada;
  • tachar texto;
  • ajustar el espaciado del texto de la firma;
  • configurar la dirección de lectura de derecha a izquierda o de izquierda a derecha.

Como puedes ver, dispones de algunas opciones adicionales para crear una firma de email más personalizada, así que aprovéchalas al máximo y diseña la que mejor se adapte a tus necesidades. También puedes asignar cada firma creada a tipos específicos de correos, como únicamente mensajes nuevos, solo respuestas y reenvíos, o ambos tipos simultáneamente.

Configuración de Outlook para incluir la firma en distintos tipos de emails

Cuando termines de editar, simplemente haz clic en Save. Y eso es todo.

Firma de email HTML en Apple Mail

En Apple Mail solo puedes añadir elementos de texto a tu firma de email e incluir enlaces dentro de ellos. Veamos cómo hacerlo.

Primero, ve a Settings y haz clic en la pestaña Signature. Verás una pequeña ventana a la derecha; ahí es donde podrás introducir el texto de tu firma.

Configuración de firma en Apple Mail

Si deseas añadir un enlace a tu firma en Apple Mail, simplemente selecciona el texto correspondiente, haz clic derecho sobre él y pega el enlace.

Añadir enlaces a una firma de Apple Mail

Y listo, tu firma de Apple Mail estará preparada.

Firma de email HTML en Yahoo

Actualmente, Yahoo Mail no permite añadir fotografías ni imágenes a las firmas de email. Como consecuencia, tampoco es posible utilizar iconos de redes sociales. Sin embargo, sí puedes añadir enlaces dentro de tu firma. Para crear una firma en Yahoo Mail, haz clic en Settings y luego en Writing email. Después, busca la sección Signature.

Esta sección incluye una pequeña ventana de edición. Si no la ves, simplemente activa el interruptor para habilitar la función de firma.

Configuración de firma en Yahoo

Como puedes ver, el editor es bastante sencillo. Puedes añadir emojis, modificar estilos y fuentes de texto, configurar alineaciones y sangrías, además de crear distintos tipos de listas.

Ventana de edición de firma en Yahoo

Añadir enlaces también es muy fácil: solo selecciona el texto deseado, haz clic en el botón Link y pega el enlace correspondiente.

Añadir enlaces a una firma de Yahoo

Herramientas generadoras de firmas de email

Además de los métodos tradicionales que vimos anteriormente, también puedes utilizar herramientas generadoras de firmas HTML para crear rápidamente una firma profesional para tus emails.

Actualmente existen varias opciones populares en el mercado:

  • Rocketseed (de pago);
  • Signature.email (gratuita con planes de pago);
  • HubSpot Email Signature Generator (gratuita);
  • MailSignatures (gratuita y de pago);
  • WiseStamp (gratuita con planes de pago);
  • MySignature (gratuita y de pago);
  • Newoldstamp (de pago);
  • Gimmio (de pago);
  • Designhill Email Signature Generator (gratuita);
  • Email Signature Rescue (de pago).

Estas herramientas te ayudarán a crear plantillas de firma de email que podrás utilizar posteriormente en la plataforma de correo que prefieras.

Cómo crear una firma de email para newsletters con Stripo

Ya vimos cómo añadir firmas a correos personales. Pero ¿qué ocurre cuando necesitas una firma para una lista masiva de destinatarios? Y no una firma común como las que todos tienen, sino una totalmente personalizada. Con Stripo tienes tres formas sencillas de hacerlo.

Método 1. Utilizar los módulos prediseñados de Stripo

Para acceder a nuestros módulos prediseñados de firmas, haz clic en el botón Structure & Modules.

Pestaña Structure & Modules

Después, entra en la sección Modules y selecciona Signatures en la lista desplegable. Allí se almacenan todos nuestros módulos de firmas.

Pestaña Modules

Ahora puedes arrastrar y soltar cualquier módulo que te guste para editarlo y personalizarlo según tus necesidades y el diseño general de tu email.

Módulos de firmas prediseñados

Método 2. Utilizar plantillas profesionales de firmas de email

Para tu comodidad, hemos creado diversas plantillas de firmas de email, tanto gratuitos como de pago, con múltiples ejemplos listos para usar. Ve a la sección Templates y selecciona la pestaña Pre-built.

Pestaña Pre-built templates

Después, haz clic en el botón de filtros y, dentro de Type, selecciona Signature. Y listo. Tendrás acceso a todas las plantillas de firmas creados por nuestros diseñadores, con una gran variedad de estilos.

Plantillas prediseñadas de firmas

Método 3. Crear una firma profesional desde cero utilizando Stripo como generador de firmas de email

Si ninguna de las plantillas de firma HTML que hemos creado se ajusta a tus necesidades, siempre puedes crear uno desde cero.

Lo mejor es que no requiere mucho tiempo y no necesitas conocimientos de CSS ni habilidades técnicas avanzadas para diseñar una firma con Stripo.

Te mostraremos cómo crear una firma sencilla como esta.

Ejemplo de firma de email

Lo primero que necesitas es una estructura con dos contenedores en su interior. Las estructuras contienen contenedores y los contenedores contienen todo el contenido de tu email. Puedes añadirla desde Structure & Modules.

Estructura ideal para una firma de email

Después, añade un bloque de imagen a la izquierda y tres bloques de texto a la derecha.

Añadir bloques de imagen y texto

Para incorporar tu imagen, haz clic en el bloque Image que acabas de añadir y selecciónala desde tu dispositivo.

Añadir imagen

Una vez hecho esto, la imagen quedará insertada. Puedes ajustar su tamaño y radio para adaptarla mejor al diseño de tu firma.

Configuración de imagen

Ahora es el turno de los bloques de texto. Simplemente escribe el contenido de tu firma dentro de cada uno.

Añadir textos

Si necesitas más contenido, no dudes en añadir bloques adicionales.

Añadir más bloques de texto

Ahora es momento de personalizar los estilos del texto. La pestaña Settings te permite configurar estilos de párrafo, alineaciones, sangrías y otros ajustes relacionados con todo el bloque.

Personalizar textos

Mientras tanto, la pestaña Styles te ofrece herramientas más avanzadas para personalizar el diseño tipográfico, como el estilo exacto de la fuente, grosor, color y muchas otras opciones. Así que no dudes en experimentar hasta conseguir el resultado que buscas.

Personalización del diseño del texto

Para que tu firma sea más interactiva, deberías añadir enlaces. Incorporarlos es muy sencillo: selecciona la parte del texto que corresponda y haz clic en el botón Link. Después, pega el enlace deseado en el campo correspondiente.

Añadir enlaces

Lo único que queda por hacer es ajustar los espaciados (padding) y márgenes, tanto de toda la estructura como de cada bloque que hayas añadido, para que todo tenga una apariencia equilibrada y profesional.

Ajuste de espaciados y márgenes

Y no olvides guardar tu creación como módulo. Coloca el cursor sobre la estructura de tu firma y haz clic en el botón Save as Module.

Guardar una firma de email como módulo

Asigna un nombre a tu módulo y haz clic en Save. Y eso es prácticamente todo. Tu firma de email quedará guardada como módulo, por lo que podrás reutilizarla en otros emails siempre que quieras, sin necesidad de volver a diseñarla desde cero cada vez.

Pestaña para guardar el módulo

Solo tendrás que encontrarlo en la sección Modules, arrastrarlo a tu email y listo.

Pestaña My Modules

Conclusión

Como puedes ver, crear firmas de email es un proceso bastante sencillo y no requiere conocimientos técnicos. Sin embargo, incorporar una firma es importante para mantener la identidad de marca y promocionar tu empresa, tus servicios o incluso tu marca personal. Con Stripo, crear y añadir una firma nunca ha sido tan fácil. Y si necesitas una solución reutilizable para múltiples campañas, simplemente guarda tu firma de Stripo como módulo: solo tendrás que diseñarla una vez.

Crea emails excepcionales con Stripo
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
0 comentarios

El editor de Stripo funciona mejor en el escritorio

¿Qué tal si te enviamos un recordatorio para que pruebes Stripo más tarde en tu ordenador?

Todavía quiero probarlo en el móvil