¿Cómo crear una firma de correo impactante?
Вставка
- Опубліковано 22 січ 2025
- Plantilla para la firma del correo: codepen.io/escu...
🏆 Te damos el poder para alcanzar tus sueños a través de la educación.
🌎 100% de raza latina | 100% Remotos (5 años)
💪 #NoTeDetengas 🦄 #EDteamFunciona
¡🎁 Ahora puedes ser Premium gratis!
Descubre como aquí ed.team/blog/t...
Web y comunidad EDteam
💻 ed.team
Sé un estudiante premium en EDteam
⭐ ed.team/premium
🔰 LinkedIn: ed.team/linkedin
🔰 Instagram: ed.team/instagram
🔰 Twitter: ed.team/twitter
🔰 Facebook:ed.team/facebook
*EDteam te da el poder para alcanzar tus sueños a través de educación 💪*
Visita nuestra web y accede a más de 150 cursos de tecnología, diseño y negocios.
💻 ed.team #NoTeDetegas
Excelente tutorial.
Tengo 0 % en conocimiento en programación y gracias a su explicación y plantilla me resulto sencillo realizar la firma.
Muchas Gracias.
Saludos desde Quito - Ecuador
7 años después, me es muy útil.
Álvaro, sinceramente todo tu trabajo me ha servido bastante, para aprender cosas nuevas y pulir cosas que ya sabia, gracias a ti me evite de comprar los cursos de Platzi y aprender por mi cuenta y no me arrepiento, sigue así.
Muchas gracias! la verdad es que me ha sido muy útil para solucionar la firma de un correo electrónico que no se podía visualizar desde un móvil. Como decimos aquí en España! eres un Crack!
Este deberia ser un tecnotip! Felicidades Alvaro cada vez me sorprende mas el manejo que tienes de CSS y HTML
me encontré con tu sitio en 2018 y agradezco la explicación muy bien hecha. saludos desde argentina
Para los que tengan problemas , lo mejor es crear una carpera con acceso publico en su dominion, bajar los iconos de internet, generar los enlaces subiendo los iconos a la carpera del dominio con acceso publico y editar el codigo en el js y html de la pagina del ejemplo, no es muy dificil solo es cuestion de paciencia.saludos
Muchas gracias por compartir éstas herramientas! apenas hoy conozco tu canal, será un gusto aprender más tips para desarrollar paso a paso los proyectos de emprendedores como nosotros. Un saludo desde Colombia.
muchas gracias por el tutorial!, marzo 2020 y sigue siendo muy buena guía :)
Genial.
Tu vídeo y forma de explicar da como para ser muy intuitivo, ya lo reedite a mi manera y me quedo bastante minimalista lo que me agrada aun mas. Muchas gracias.
Hola, buenas tardes!
Muchas gracias, ahora mis correos se ven mas profesionales, buen vídeo Alvaro!!
Estimado Alvaro
Mil gracias por este aporte, esperando que sigas con esta filosofìa de compartir el conocimiento, recibe un cordial saludo y un fuerte abrazo
Fernando Mendoza
Hace poco había hecho mi firma de forma similar... pero esta está mas bonita... voy a cambiarla!!!
Excelente video.
hola, muchas gracias por el video me sirvio muchisimo, te pido si podrias explicar la parte de cambiar las redes y sus iconos, muchas gracias
GRACIAS ESTIMADO POR TUS AYUDA!!! SIGUE ASI AMIGO AYUDANDO A LOS AMANTES DEL LA WEB
Gracias me sirvió mucho tu repo
Buena explicación... Gracias Alvaro Felipe, ¿podrías hacer un segundo vídeo para enseñarnos cómo hacerlo adaptativo a dispositivos móviles? y haciéndolo con una maqueta de Photoshop
Muchas gracias. Me da que muchos vamos a tener el mismo diseño....
XD
Tienez razón Rafita, voy a contribuir al proyecto y le hare unos cambios de diseño.
Saludos Rafa y Alvaro!!
es cierto¡¡ aunk en la web encuentras generadores de firmas para gmail XD
jajjajajajjaja lo bueno q somos de distintos lugares, pero creo que cada uno dede agregarle su toque de creatividad
@@iceludwig2374 que respuesta amarga, es un chiste. La aclaración está de más.
Tiempo que no veia escuela digital, saludos mi amigo
Excelente!!! me sirvió muchísimo para las bases!!!!! mil gracias!
Excelente Alvaro. Muy pedagogico tu video. Gracias
Buenisimo la información y gracias por la plantilla
Muchas gracias por compartir, me ha servido de mucho. Tu aportación es invaluable, nuevamente Gracias!!!
Buenas tardes, me ayudo mucho el ibstructivo.
Wow gracias esta excelente, ya aplique la firma y esta muy padre
Muchas gracias por el Video Álvaro eres un capo!!!!!
Equipo Edteam //Alvaro Felipe Muchas Gracias su aporte me fue de mucha utilidad para personalizar las etiquetas de los correos corporativos donde trabajo.
Sr. Alvaro usted es muy bueno en lo que hace. Que libros me recomendaria para aprender lo que usted sabe no solo de este video si no de los otros mas que en verdad son muy buenos sus pracricas. Gracias y respondame porfavor.
Muy útil el video. se agradece mucho
Tremendo, lejos lo mejor!
Wow me sirvió bastante! muchas gracias.. super facil, gracias por el paso a paso yo no sé casi nada de código jejejeje
Muchas gracias excelente video 👍
Lo maximo. muchas gracias en verdad ayudó bastante
Excelente aporte, muchas gracias!!!
Gracias fue de gran ayuda tu tutorial! muchisimas gracias
Fenomenal Alvaro, Gracias. Le realizare unos cambios y te mandare...
Gracias por compartir tus conocimientos.
Buenos dias amigo..me gustaría poner la linea de vez azul en naranja...pero cambio la palabra blue por orange y no me la toma que debo hacer??
Me ayudó mucho , gracias!!!
Muy útil y creativo. Gracias!!!
Profesor... quiero hacer una firma con adobe animate que genera html5 yo no sé nada de programación pero sé usar el programa de animación ¿no basta con poner un liga y en otro lado tener mi banner interactivo y llamarlo de forma remota?
hola!!! soy mega amateur en esto! pero esta genial! super entendible, me sirvio gracias. aunque mi firma salio con fondo celeste claro, no se ve mal, pero preferiria como el tuyo sin fondo. sabes como puedo arreglarlo? Ah! y eso de poner iconos en ves de los cuadrados fcbk y asi, esta en otro tutorial tuyo? Gracias
Muchas gracias estas pequeñeces ayudar a mejorar en grande un sistema o programa
muchas gracias, excelente explicación.
Buen día profe Avaro una pregunta si la firma es en rouncube como se hace el procedimiento? disculpe gracias
si me salio a media, cuando abro el archivo me ale partido y las redes sociales no estan como en el ejemplo
buenisimo! gracias por la plantilla
Hola Álvaro, esperando estés muy bien quería agradecerte por compartir tu conocimiento.
Tengo una consulta, podrías comentar cómo se hacen los pies de firma animados? muchas gracias. te ganaste un suscriptor saludos
Hola Faso solo haz una imagen gif y subela a una web luego la pones como enlace ;)
Gracias por el apoyo para aprender nuevas cosas.
Genial gracias por el aporte
muy muy muy útil tu video, muchas gracias, like y suscrito
Excelente tutorial
Visto en 13/02/2020
muy buen aporte gracias
Hola, no puedo hacer que las redes funcionan ahora de enviar
Hola, resulta que realicé la firma y hasta ahí todo bien, pero copio al final para pegarla en mi firma y no me copia el logo. Es un error mío?
El problema es que cuando envías correos con la firma personalizada, hacer que no aparezca en la bandeja de entrada, sale de frente en SPAM. Hay alguna manera de corregir esto?
Gracias por el video......
Para los que quieran poner los iconos de las redes sociales el codigo es el siguiente:
Oye, MUCHÍSIMAS gracias, hice los cambios (con el ícono de otra red; Behance) y me quedó genial :D de verdad, GRACIAS por el aporte.
Saludos!!
que bueno q te haya servido....saludos =)
perdón, no se mucho de esto ¿como se pone el logo de facebook?
Gracias hermano! :D
Gracias Vicente! ¿Y cómo hago para quitar logos de allí? Quiero dejar 3 y allí aparecen 5. Gracias de antemano.
Muy bueno Profe.
¿Cómo podría lograr hacer que se viera bien desde todos los dispositivos? he probado ha abrirlo desde el móvil y se ve todo superpuesto ¿como podría hacerlo responsive?
Hola, que tal? Hice una firma html pero no puedo copiarla a gmail porque las imagenes me aparecen como rotas ¿que es lo que debo hacer? Muchas gracias
Hola, me gustó mucho.
Gracias
Hola, quiero saber si alguien sabe cambiar los colores como el de la línea vertical azul ya que quiero que sea roja o si tienen códigos de colores?
Soy nuevo
Muchas Gracias por el video!!!!
en el caso de outlook 2010(es el que manejan en mi empresa u.u) no encuentro la opción de modificar mediante html, es más las opciones son demasiado limitadas
gmail tampoco tiene la opcion de modificar html, pero como ves en el video basta con pegar la vista web (no el código) y debe funcionar.
Justo cuando publicaste el vídeo estaba en un proyecto de rediseñar y modificar las firmas de la gente de mi empresa, pero en el paquete de office 2010 que tiene la empresa no me lo permite, y tampoco copia formato, es como el block de notas, le quita el formato. Pero al menos me encantó tu plantilla de html la cual estoy usando en mi gmail privado :)
=)
Hola, de lo poco que recuerdo, con outlook te permite crear un archivo tufirma.html en la ruta %userprofile%\AppData\Roaming\Microsoft\Firmas (si lo tienes en español) y listo, cuando abres firmas ya tienes la firma llamada tufirma..
Muchas gracias, eres lo máximo!
Gracias me llevo un poco de tiempo, pero lo hice mi firma digital.
el menu para colocar la firma en outlook es distinto. cuando copio y pega, me pega solo el texto (tampoco esta la opcion para ponerlo en html)
Hola, de lo poco que recuerdo, con outlook te permite crear un archivo tufirma.html en la ruta %userprofile%\AppData\Roaming\Microsoft\Firmas (si lo tienes en español) y listo, cuando abres firmas ya tienes la firma llamada tufirma..
BUEN TUTORIAL. MUY AGARADECIDO
Muchas gracias, me sirvió mucho
Muchas Gracias Alvaro
Muchas Gracias me ayudo mucho SALUDOS
Me funciono, Gran aporte!!
Alvaro cómo estás? Cree una firma para alguien más que necesitaba incluir en su firma más de 5 renglones, imagen e hipervínculos para su mail y su web. El tema es que al usarla en Google se ve centrada pero si la configura en Outlook en versión Mobile se desconfigura, queda desalineada. Que soloción se te ocurre para este caso. Saludos desde Argentina.
Tengo el código html y css correcto. cuando ejecuto en forma local se presenta en forma normal, pero cuando adjunto el archivo a thunderbird, se ejecuta todo pero no me carga la imagen. ¿que debo hacer?
SUBE TUS IMAGENES A DROPBOX Y DESDE AHI COPIA LOS ENLACES A MI ME FUNCIONÓ
Cuando voy a redactar un correo en gmail, aparece mi firma personalizada, pero cuando uso la función pegar (cualquier texto) la firma desaparece. Alguien sabe por que?
Se agradece el aporte, Crack!
Te adoro, muchas gracias!
Excelente, sin embargo cuando ingreso al lik no me da la opcion de Fork por lo que no es posible editar el contenidos! saludos
Hola Luis, el "fork" se encuentra abajo a la derecha en un botón pequeñito, saludos
unico detalle es que al verlo desde el celular se ve todo corrido, alguna solucion?
Gracias por el vídeo fue uno de los mejores
Me salvaste men, muchas gracias
Me podrían ayudar indicándome como pongo la imagen a la derecha del texto, por favor?
bajando el primer asi:
codepen.io/migueelpublicista/pen/xovJJJ
gracias por el video, me sirvio mucho, una pregunta, como puedo hacer lo de la imagen pero con un video? de ante mano muchas gracias.
gracias amigo me has salvado la vida y la carta de presentacion jejejeje
Podrías por favor explicar lo de los iconos de facebook y Twitter, no logro hacer que me salgan.
amigo! que iconos quieres poner, yo te puedo ayudar
que programa usas ?
genial !!! muchas gracias!
increíble, muchísimas gracias!!
De nada ! :)
buenísimo, muchas gracias !!!!!
En mi vida usé html. No puedo crear una imagen en ilustrator y adjuntar la imagen como firma? Si la respuesta fuese sí, en qué formato y tamaño y pixeles debería ser?
claro eso lo puedes hacer directamente desde el mail, pero solo tendras una sola imagen para un solo link, y no como aquí: cada red social tiene su link
Muy bueno estimado, saludos.
Hey! GRACIAS por el aporte. Saludos!!
Hola, +Escuela Digital me piden hacer las de varios integrantes de la empresa, como funcionaría eso?
porque obvio son muy marros y no quieren pagar
Alguna manera para que no bloque la imagen remota?
Como podria hacer para dejar solo el icono y enlace de la red social Twitter?
si claro! solo borralo todo es editable! ;)
Gracias muy útil!
hola una preguntaa, si le quiero agregar una linea más de texto qué debo hacer? he intentado pero se desconfigura
Hola rafa, en que parte exactamente quieres agregar la linea, derrepente puedo ayudarte ;)
Esos códigos tienen alguna restricción de dominio? No me deja insertar la firma en la cuenta de la universidad.
Hola Sebastian, no tienen restricción son libres
Hola muy bueno tu tutorial, como puedo poner un video de you tube en una firma o un correo de confirmación después de que respondan un formulario. todo esto dentro de las plataformas de G´suite.
muy bueno gracias y gracias por compartir el code.