How_to_Design_a_Signature_for_Your_Emails___Cover_Image___Stripo
04 octubre 2022

Cómo crear una firma de correo electrónico HTML

Crea tu propia firma de correo electrónico
Tabla de contenido
  1. Cómo crear una firma de correo electrónico HTML para su correspondencia personal
  2. Herramientas generadoras de firmas de correo electrónico
  3. Cómo crear una firma de correo electrónico para correos electrónicos de boletines con Stripo
  4. Conclusión
1.
Cómo crear una firma de correo electrónico HTML para su correspondencia personal

Una firma de correo electrónica HTMLhecha profesionalmente ayuda a promover una marca personal y de la empresa, reunir oyentes para seminarios web, vender productos, consultar, mantener la identidad de la marca y mucho más. Por ejemplo, el 82% de los profesionales del marketing digital utilizan firmas de correo electrónico para campañas de reconocimiento de marca. Con el fin de impulsar sus campañas de correo electrónico, decidimos elaborar una guía especial sobre cómo agregar una firma de correo electrónico HTML a sus correos electrónicos personales en Gmail, Outlook, Apple Mail y Yahoo, así como enseñarle cómo agregar firmas de correo electrónico a sus boletines utilizando Stripo.

Cómo crear una firma de correo electrónico HTML para su correspondencia personal

1. Firma de correo electrónico HTML en Gmail

Ahora, comencemos agregando una firma de correo electrónico HTML en Gmail. Repasaremos todos los pasos necesarios para mostrarle el sencillo proceso de añadir un diseño de firma.

Cómo crear una firma de correo electrónico HTML para su cuenta de Gmail:

  • vaya a Configuración;

  • a continuación, haga clic en "Configuración" de nuevo;

  • en la página inferior, verá "Firma";

  • insertar imagen;

  • elija el tamaño "pequeño";

  • subir imágenes de los iconos de las redes sociales;

  • añadir enlaces a ellos;

Firma HTML en Gmail

(Fuente: Gmail)

  • en la parte inferior de la página, haga clic en "Guardar cambios";

  • listo.

Probé mi firma de Gmail: envié mensajes a diferentes clientes de correo electrónico y los abrí en varios dispositivos móviles y de escritorio. ¡Funcionó!

¡Ahora sus firmas de correo electrónico serán creativas y hermosas!

También puede crear firmas HTML para su correspondencia personal o personal con un diseñador de firmas de correo electrónico externo.

2. HTML firma de correo electrónico en Outlook.com

Ahora es el momento de hablar sobre el proceso de agregar una firma de Outlook a su correo electrónico.

Cómo crear una firma profesional en su cuenta de Outlook:

  • vaya a "Configuración";

  • luego elija "Ver todas las configuraciones de Outlook";

Firma de correo electrónico en Outlook.com

(Fuente: Outlook)

  • luego vaya a la pestaña "Correo";

  • abra la pestaña "Redactar y responder";

  • en una nueva ventana, busque la sección "Firma de correo electrónico";

  • introduzca el texto necesario;

  • Para agregar redes sociales, cargue sus íconos como imágenes regulares;

Firma de configuración para Outlook

(Fuente: Outlook)

  • resalte cada icono e inserte los enlaces respectivos;

Agregando enlaces a la firma de Outlook

(Fuente: Outlook)

  • si desea incluir automáticamente esta firma en su correo electrónico de Outlook, asegúrese de hacer clic en ambas casillas de verificación como se muestra a continuación;

Elegir dónde incluir firmas Outlook

(Fuente: Outlook)

  • elija "HTML" como formato de mensaje, o Outlook.com de lo contrario, solo incluirá la parte textual de sus firmas de Outlook sin iconos ni enlaces;

  • haga clic en "Guardar".

Guardar firmas en formato HTML

(Fuente: Outlook)

Tenga en cuenta que puede agregar una serie de firmas personalizadas a este cliente de correo electrónico. Si lo hace, tendrá que seleccionar una firma al enviar su correo electrónico personal.

3. Firma de correo electrónico HTML en Apple Mail

Solo puede agregar elementos de texto a su firma de correo electrónico en el proveedor de correo electrónico de Apple. Y, por supuesto, puede añadirle un enlace. Ahora, veamos cómo puede hacerlo.

Cómo crear una firma de correo electrónico HTML en Apple Mail:

  • haga clic en "Correo" en la esquina superior izquierda;

  • luego "Preferencias";

  • entrar en la pestaña "Firmas";

Configuración de la firma de correo electrónico personalizada en Apple Mail

(Fuente: Apple Mail)

  • si desea agregar un enlace a su firma de correo electrónico en Apple Mail, resalte un fragmento de texto necesario;

  • Haga clic derecho sobre él y pegue su enlace.

Agregar enlace a la firma de Apple Mail

(Fuente: Apple Mail)

Tenga en cuenta que puede agregar un número de firmas a este cliente de correo electrónico. Si lo hace, tendrá que seleccionar la firma al enviar su correo electrónico personal.

Firma de correo electrónico personalizada para Apple Mail

(Fuente: Apple Mail)

Si es necesario, puede editar la firma HTML antes de enviar un correo electrónico.

4. Firma de correo electrónico HTML en Yahoo

Actualmente, no puede agregar fotos e imágenes a su firma de correo electrónico del cliente de correo electrónico de Yahoo. En consecuencia, tampoco se permite el uso de iconos de redes sociales.

Sin embargo, puede añadir un enlace a su propia firma en Yahoo Mail.

Cómo crear una firma HTML personalizada en Yahoo Mail:

  • haga clic en el icono del menú "Configuración";

  • ingrese a la pestaña de correo electrónico "Redacción";

  • alternar el botón "Firma";

  • Introduzca el texto de su firma personalizada;

Crear una firma personalizada para enviar un correo electrónico en Yahoo

(Fuente: Yahoo)

  • Pegar enlaces.

Puede agregar tantos enlaces de redes sociales a su firma de correo electrónico personalizada como sea posible.

Ejemplo de firma en Stripo

(Fuente: Correo electrónico desde Point)

Además de eso, puede editar su firma HTML en cualquier momento.

Herramientas generadoras de firmas de correo electrónico

Además de los métodos estándar de los que le hemos hablado anteriormente, puede utilizar las herramientas generadoras de firmas de correo electrónico HTML para crear rápidamente una firma HTML para su correo electrónico. Por el momento, hay bastantes herramientas populares diferentes en el mercado:

  • Rocketseed (de pago);

  • Signature.email (gratis);

  • Hubspot Email Signature Generator(gratis);

  • MailSignatures (de pago);

  • WiseStamp (de pago);

  • MySignature (gratis y de pago);

  • Newoldstamp (pagado);

  • Gimmio (de pago);

  • Designhill (gratis);

  • Signature Maker (de pago);

  • Signatu.re (pagado);

  • Email Signature Rescue (de pago).

Le ayudarán fácilmente a crear una plantilla de firma de correo electrónico que podrá utilizar más adelante en la plataforma de correo electrónico que elija.

Cómo crear una firma de correo electrónico para correos electrónicos de boletines con Stripo

Entonces, le contamos sobre las formas de agregar firmas a sus correos electrónicos personales. Sin embargo, ¿qué pasa si necesita una firma para una lista de correo electrónico global? Y no ordinario, que todo el mundo tiene, sino la costumbre. En esta sección, mostraremos cómo crear una firma de correo electrónico HTML, también conocida como pie de página, para correos electrónicos de boletines HTML con la Plataforma de diseño de correo electrónico Stripo.

Hay tres formas sencillas de hacerlo:

Forma 1. Uso de los módulos preconstruidos de Stripo

Stripo ha preparado muchos módulos de firma de correo electrónico listos para usar.

Elija cualquiera, personalícelo fácilmente y su firma estará lista.

Módulos de firma de correo electrónico de Stripo

(Fuente: Stripo)

Utilice nuestros módulos prediseñados con firmas de correo electrónico para ahorrar tiempo en la producción de correo electrónico
Únase a Stripo

Forma 2. Uso de plantillas de firmas de correo electrónico profesionales

Para su comodidad, hemos creado una serie de plantillas de firmas de correo electrónico gratuitas y de pago con varios ejemplos de firmas de correo electrónico.

Elija el mejor formato de firma de correo electrónico en nuestras plantillas para crear el suyo de inmediato
Elija el mejor formato de firma de correo electrónico en nuestras plantillas para crear el suyo de inmediato
Explorar

Elija un formato de firma de correo electrónico necesario, utilícelo en sus correos electrónicos HTML o utilícelo como inspiración y cree una nueva firma desde cero.

Forma 3. Construir una firma de correo electrónico profesional desde cero utilizando Stripo como generador de firmas de correo electrónico

Si ninguna de las plantillas de firmas de correo electrónico HTML que hemos creado cumple con sus requisitos, puede crear una desde cero.

Lo más importante es que no requiere mucho tiempo y no es necesario conocer el código CSS ni tener ninguna otra habilidad técnica para crear una firma con Stripo.

Mostraremos cómo construir una firma similar a la que se da a continuación.

Firmas de correo electrónico _ Creación de firmas desde cero

(Fuente: Stripo)

Para crear este diseño de firma de correo electrónico con datos de contacto, debe:

  • arrastre una estructura de dos columnas en la plantilla;

Diseño de Firmas de Correo Electrónico _ Arrastrando Estructuras a Plantillas

(Fuente: Stripo)

  • arrastre el bloque "Imagen";

  • cargue su imagen de una forma necesaria;

  • en el segundo contenedor, agregue el bloque "Imagen" para la foto de su firma escrita a mano;

  • a continuación, jale un bloque de "Texto" para ingresar su nombre. Asegúrese de establecer los estilos necesarios en la barra de herramientas;

Firma de correo electrónico _ Diseño de firmas

(Fuente: Stripo)

  • para agregar un número de teléfono y un nombre de sitio con íconos a su plantilla de firma de correo electrónico, debe arrastrar un bloque "Menú" y establecer el tipo de menú "Íconos y enlaces";

Enlaces en firmas de correo electrónico

(Fuente: Stripo)

  • cargue sus íconos personalizados;

  • en los campos de "Artículo", ingrese el nombre de su sitio, número de teléfono, etcétera.;

Diseño de firma de correo electrónico _ Bloques de menú

(Fuente: Stripo)

  • para agregar enlaces a cuentas de redes sociales, jale el bloque "Social" en su plantilla;

  • diseñarlo de acuerdo a sus necesidades;

  • añadir un enlace a su perfil social;

  • para agregar el divisor horizontal, haga clic en el contenedor de la izquierda con su foto;

  • habilite "Borde" en el panel de configuración lateral;

  • establezca el estilo de borde necesario para el lado "Izquierdo" de este contenedor.

También puede agregar el logotipo de su empresa si lo desea.

Diseño de la firma de correo electrónico con Stripo _ Añadiendo bordes

(Fuente: Stripo)

Guarde toda su firma de correo electrónico para usarla más adelante

Asegúrese de guardar este módulo en su biblioteca personal de módulos para usarlo en futuras campañas de correo electrónico.

Solo tendrá que incorporar esta firma de correo electrónico a su plantilla y editar ligeramente los elementos de diseño si es necesario.

(Fuente: Stripo)

Conclusión

Como puede ver, crear firmas de correo electrónico es un proceso bastante sencillo, y no es necesario conocer las hojas de estilo en cascada y tener conocimientos técnicos. Sin embargo, agregar una firma de correo electrónico es importante para mantener la identidad de la marca, promocionar su empresa, servicios o a usted como persona. Y con Stripo, crear y añadir una firma nunca ha sido tan fácil.

Cree su propia firma de correo electrónico con la plataforma de diseño de correo electrónico Stripo
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
4 comentarios
Md. Galib Hossain hace 1 año
To see this tutorial, I have just made an Email Signature through stripo. But after pasting the code in Gmail, It informed too long code. Not work finally.
Anton Diduh hace 9 meses
Hi. This article is aimed to show how to create a signature without using code or signature generators. If you need a better solution, we have a dedicated email signature generator with full-fledged guide in using it. https://stripo.email/blog/how-to-design-an-email-signature-with-stripo/
Strops Marketing (Strops) hace 1 año
Can I build a nice e-mail signature in Stripo then export the HTML for use in my personal e-mails? Like Apple Mail or Gmail?
Hanna Kuznietsova hace 1 año
Hello, Strops Marketing. Thank you for your question. Yes, you can. We released an email signature generator a few weeks after we'd published this article. The generator is easy to use and has a step-to-step guide. https://stripo.email/signature-generator-tool/ We wish you the best of luck.
Escribe a
Industria
Temporadas
Integración
Editor Stripo
Simplifique el proceso de producción de correos electrónicos.
Plugin de Stripo
Integre el editor Stripo drag-n-drop a su aplicación web.
Pide una plantilla personalizada
Nuestro equipo puede diseñarlo y programarlo para usted. Simplemente rellene el formulario y nos pondremos en contacto con usted en breve.

Editor Stripo

Para equipos de marketing por correo electrónico y creadores de correo electrónico en solitario.

Plugin de Stripo

Para productos que podrían beneficiarse de un creador de correo electrónico de marca blanca integrado.