Las firmas HTML pueden hacer que su correo sea llamativo. Las firmas no son solo para hacer que su correo se vea atractivo; También puede ayudarlo a saber más acerca de sus clientes. Puede crear una firma de correo electrónico simple y elegante sin ningún conocimiento de codificación que pueda impresionar a sus clientes.
Ahora vamos a seguir algunos pasos simples que lo ayudan a realizar firmas de correo electrónico para la ID de Gmail o cualquier otro cliente de correo electrónico.
Habilitar firmas HTML en Gmail
Antes de dirigirnos a las firmas de correo electrónico. Es esencial habilitar las firmas desde la configuración de Gmail. Para ello, asegúrese de haber iniciado sesión en la cuenta de Gmail. Ahora, haga clic en el icono de configuración en la esquina superior derecha y seleccione la configuración. Desplácese hacia abajo para encontrar la Firma y marque el botón de opción para habilitarla.
Aquí es donde puede copiar y pegar el código HTML para generar la firma del correo electrónico. Ahora que ha habilitado la firma en Gmail y veamos cómo crear una.
Crear una firma HTML para correos electrónicos
Las firmas pueden ser su tarjeta de presentación digital que agrega una esencia de atracción al ojo del espectador. Existen diferentes métodos que puede seguir para crear firmas HTML sin problemas. Si conoce el lenguaje de programación, puede codificar uno para que se vea como desee. Estamos explicando un código de firma HTML como una demostración para obtener una idea precisa de la estructura, el tamaño de imagen estándar y otros elementos que debe usar para obtener el resultado deseado. Un consejo más es usar tablas para estructurar el contenido de Signature.
Creando la estructura básica de la firma HTML
Este tutorial consta de cinco partes que siguen a la creación de la tabla y añaden el logotipo de la empresa, los detalles, los botones de las redes sociales y el texto de exención de responsabilidad en su interior. La tabla debe estar dentro de un bloque div porque se considera una buena práctica mantener tus cosas dentro de las etiquetas. Tenga en cuenta que el código funciona incluso si las etiquetas y no están presentes.
Además, definimos el estilo de manera en línea ya que no tenemos opción de agregar una hoja de estilo externa. Aquí, el ancho es de 480px, por lo que no ocupa mucho espacio y las fuentes se configuran en Arial, ya que todo el navegador lo admite de forma predeterminada.
Añadir el logotipo de la empresa en la firma HTML
Puede agregar su imagen de Headshot en lugar del logotipo de la compañía; depende de su requerimiento Ya que necesitamos agregar una imagen, tienes que alojarla en algún lugar de Internet. Asegúrate de que tu imagen esté disponible públicamente. Estamos utilizando imgur para el propósito de demostración. Ir a imgur, haga clic en Nueva publicación en la esquina superior izquierda. Sube la imagen haciendo clic en el botón Examinar. También puede utilizar Google Drive, Dropbox o cualquier otra plataforma que considere adecuada como alternativa.
Puede editar el enlace ' href ' para llevar al usuario al sitio web de su empresa y el enlace ' src' para agregar el enlace de origen de la imagen que hospedó en la web.
Añadir detalles en la firma HTML
La siguiente parte es agregar los detalles tales como Nombre, Número de teléfono, Dirección, Correo electrónico a la Firma. Puede elegir agregar o eliminar cualquiera de las cosas simplemente eliminando esa parte del código, o incluso puede cambiar la secuencia de detalles reorganizando el código. Hemos tomado en cuenta todos los detalles para el propósito de demostración. Aquí hacemos una tabla separada que está dentro de la tabla principal y ponemos todos los detalles en la fila de la tabla de la siguiente manera:
Kaivan Doshi Creador de contenido Teléfono: +1 (929) 999-9999 Móvil: +1 (929) 999-9999 correo electrónico: Dirección Línea 1 Dirección Línea 2 Botones de redes sociales en firma HTML
Además, puede utilizar los iconos sociales personalizados de su elección en IconFinder. Hay muchos iconos gratuitos para elegir. También puedes comprar cualquiera de los iconos premium si te gusta alguno de ellos. Busque la figura y seleccione el tamaño de 32 * 32 para una apariencia adecuada. Puede cambiar a cualquier tamaño según la presentación. Aquí hemos definido el tamaño de 20 * 20 px para todos los iconos sociales. Aquí todo lo que necesita cambiar es el enlace de los perfiles de redes sociales, reemplace " # " con su perfil en href.
Descargo de responsabilidad en la firma HTML
Los gigantes profesionales de negocios siempre agregan un texto de exención de responsabilidad al final de la Firma. Para agregar el mismo en su, siga el siguiente código.
AGREGAR el texto de exención de responsabilidad aquí
Siéntase libre de usar el código anterior y hacer las modificaciones según sea necesario. Una vez que haya terminado de colocar el código en un lugar, la firma HTML se verá así.
Desafortunadamente, no puede usar ningún elemento de JavaScript para estilizarlo, ya que Gmail bloquea el contenido de JavaScript en un correo electrónico. Tenga en cuenta que las propiedades CSS más complejas que hacen animaciones podrían no funcionar.
Firma HTML en Gmail
La parte difícil aquí es que Gmail no le proporciona un editor de HTML, usted obtiene un editor de texto enriquecido de tipo WYSIWYG (Lo que ve es lo que obtiene). Para superar este problema, simplemente ejecute el código HTML en cualquier navegador. Selecciona todo y copia, pégalo en el área de Firma de Gmail. Desplácese hacia abajo y haga clic en Guardar cambios para que los cambios se realicen de manera efectiva.
Herramientas en línea para crear una firma HTML
Las personas que no tienen tiempo para codificar su firma pueden usar herramientas en línea que pueden generar la estructura para usted. Algunas de las herramientas fáciles de usar son firmas de correo, firma de MySQL, firma. Las herramientas mencionadas anteriormente ofrecen personalización con gran detalle, y la firma se puede hacer en 5 minutos. Puede agregar diferentes botones sociales, imágenes, certificaciones y muchas otras cosas. Hay opciones para agregar un texto de exención de responsabilidad, así como citas al final de la firma. Después de crear una firma perfecta, todo lo que necesita hacer es copiarla y pegarla en el editor de texto en la sección Firma en la configuración de Gmail. Asegúrese de guardar los cambios antes de salir.
Para el propósito de la demostración, hemos utilizado el creador de firma de correo electrónico gratuito de Exclaimer. Aquí, puede personalizar la Firma de acuerdo a sus intereses. También le permite cambiar los esquemas de color. En la sección Diseño, puede elegir el estilo de plantilla que más le convenga. En Detalles, debe agregar información personal como nombre, nombre de la empresa y sitio web, dirección de correo electrónico, número de teléfono, etc.
Enlace al sitio web: HTML Signature Creator.
También puede agregar el texto personalizado de exención de responsabilidad, y también le permite cargar el logotipo de la empresa. Cuando haya terminado de jugar con la herramienta de firma, vaya a la sección de instalación y seleccione Resaltar firma . Finalmente, cópielo y péguelo en la sección Firma en la configuración de Gmail.
Muchos servicios premium proporcionan firmas HTML con un diseño y análisis más sofisticados para rastrear a los clientes. Cada vez que una persona hace clic en su botón social o en el enlace al sitio web, registra el clic y le proporciona un informe sobre cuántas personas estaban interesadas y verificaron sus servicios. Tales declaraciones pueden jugar un papel crucial en las conversiones.
Crear una firma HTML para Gmail
El email marketing lleva el crédito de alrededor del 35% a las ventas de productos cada año. Es esencial redactar el correo correctamente para obtener mejores conversiones. Una parte que la mayoría de las entidades comerciales se pierden es un diseño creativo y simple. Terminar el correo sin problemas puede ser un trabajo difícil.
Las firmas HTML son una forma de que la gente sepa más sobre el remitente y también te hace lucir más profesional. Codifique una firma usted mismo o use cualquiera de las herramientas mencionadas para crear una. Asegúrese de elegir un diseño simple y de aspecto profesional y manténgalo corto y sutil.
