Plantilla de correo electrónico HTML y CSS sin necesidad de saber código - beefree.io tutorial
ฝัง
- เผยแพร่เมื่อ 23 ส.ค. 2024
- En este video vamos a aprender a usar una herramienta en línea para crear el diseño de correos electrónicos simplemente con el concepto de arrastrar y soltar.
Para ello, usaremos la página beefree.io, aunque tienen una opción premium, lo que veremos en el video será con su versión gratuita y con la posibilidad de evitar cualquier marca de agua para tus diseños, además de tener un email en html y css listo para usar en cualquier plataforma de envíos, o como en nuestro caso, para el correo de autorespuesta del formulario creado en Elementor PRO.
Vínculo para la creación del email: url.sebasweb.n...
Vínculo del regalo: sebasweb.net/p...
🎥 DESCUBRE MI SET DE GRABACIÓN AQUÍ:
url.sebasweb.n...
Te ha servido el tutorial? Me invitas a un café :) ?
url.sebasweb.n...
💥 Suscríbete al canal url.sebasweb.n... y activa la campana para que no te pierdas ningún video 🔔 ✓
MIS HERRAMIENTAS
💬 Elementor Pro: url.sebasweb.n...
💬 Tema Astra: url.sebasweb.n...
💬 Crocoblock: url.sebasweb.n...
💬 Envato: url.sebasweb.n...
💬 Piotnet: url.sebasweb.n...
💬 Hosting: url.sebasweb.n...
TAMBIÉN ESTOY EN:
✅ Mi página web: sebasweb.net
✅ Twitter: / sebasweb
✅ Instagram: / sebasweb_
✅ LinkedIn: cutt.ly/hyz9TGr
Genial, un profesional para profesionales. Para mí una explicación demasiado rápida, pero me sirvió de ayuda para buscar otros tutoriales para más principiantes como yo. Gracias de igual forma.
Muchas gracias, no sabes lo mucho que me ayudó el video y las herramientas. Crack!
Hola Sebas. Gran tutorial!!!
Con mucho gusto me suscribí a tu newsletter. Y a tu canal. Explicas muy bien, paso a paso y en detalle, no solo lo que estás haciendo sino que también enseñas las funcionalidades de los paneles, eso ayuda mucho cuando uno se encuentra con algo que no está en el tutorial o quiere hacer algo ligeramente diferente. Creo que eres un buen comunicador y te va a ir excelente en tu proyecto de la Academia Digital WP.
No sabía cómo hacerlo hasta que se me ocurrió una idea muy parecida a la que estás explicando en este video. Que bueno encontrarlo gracias!!
Me alegra mucho que haya coincidido lo que necesitabas con mi video!! Mil gracias por ver y comentar Daniela!! 😊
Hola Sebas. Muchas gracias por este video, explicás de manera muy clara todos los elementos. Me fue muy útil!
Muchas gracias a ti por ver y regalarme tu comentario! Motiva un montón! 🙏
Muchas gracias estoy empezando y pregunto desde la ignorancia. Esto es mejor que figma? Porque me ha parecido GENIAL!!! que alguien me conteste please
Justo lo que andaba buscando, directo y completo. Muchísimas gracias Sebas :D
Qué bueno Adrian! me alegra mucho que te haya servido! gracias a vos por ver y comentar! Bienvenido al canal!
Excelente video!! Muy bien explicado
gracias por tu valioso aporte, me has sacado de un problema.
Gracias a ti José por ver y comentar, me alegra mucho saber que te ha servido 👍🏼
te ganaste un suscriptor, excelente bien explicado
Funcionó perfecto para mi, muchas gracias.
Gracias a ti David por ver y comentar! Me alegra que te haya funcionado bien! 🙂
impecable mi brother.. Ganaste suscriptor +1
Muchas gracias!!!! Me sirvió mucho tu video! Saludos!!!
Buena guía Sebas, gracias por tu referencia.
Sebas, gracias por las plantillas en HTML! Muy buen vídeo como siempre 👍
Diego, gracias a ti por ver y comentar el video!! Espero que el regalo te sea de mucha utilidad. Aprovecho y te invito a suscribirte en la news de la página web :) 📨
Amigo, muy buen video, gracias por el recursos!! Tendrás algún video donde muestres como enviar correo con un cupón de bienvenida por suscribirse al newslatter?
Gracias Sebas, interesante aportación
Saludos
Hola! Primera vez en este desafío de diseñar mis propias cosas, gracias con la claridad con la que explicas! Mi único inconveniente, es que después de poner mi primera foto/logo, ya me bloqueó para poder continuar, supongo que no es más gratuito, cierto? Gracias
Hola, excelente video, me gustaria saber un poco mas como funciona el procesos de personalizacio en el nombre de correo con eso del [fiel id="nombre"]. estoy apreniendo a maquetar correos electronicos y me gustaria implementar eso del saludo personalizado
gracias.
muchas gracias
Interesante, estoy haciendo una campaña de phishing en dónde trabajo, estoy buscando algo para subir mi código HTML y editarlo en la web porque soy malo para el css, entonces escribí todas las tablas celdas y le daría formato con algún editor. Que me recomiendas?
Hola, tengo una duda, después de hacer la plantilla cómo la subes al correo? no me quedó claro ello, recien estoy aprendiendo.
Graciasssssss, excelente recurso!
Gracias a vos Julían Camilo por comentar! Me alegra mucho que te haya servido el recurso!!
Gran video, una pregunta, a la hora de descargar las plantillas que nos regalaste el link me aparece roto
Hola sebas, genial tu video, tienes una nueva suscriptora.
Tengo una pregunta en estas plantillas como hacer para crear el link para darse de baja en la correos ¿Hay alguna forma de hacerlo manualmente y que no requiera de las plataformas de email marketing?
Hola Angela! Mil gracias por tu comentario, bienvenida al
Canal 😊.
El enlace que mencionas solo lo puedes crear desde la plataforma donde vas a hacer el envío. Porque su vínculo está ligado a que funcione la baja del suscriptor en su plataforma.
Otra forma sería hacerlo manualmente, pero lo veo inviable para su gestión.
Que el vínculo sea tu correo y que cuento alguien le de clic te escriban “me quiero dar de baja” y luego tú lo hagas manualmente.
Espero te sirva la info! Un saludo
Hola Sebas, he creado mi mail en html, pero no me funciona cuando envio la carpeta a otro computador, no reconoce las imagenes que están dentro del html, que consejo podrias darme? gracias
Excelente aporte amigo, una pregunta para combinar estos diseños con alguna base de excel, qué recomiendas? Saludos!
Hola Ángel, muchas gracias por ver y comentar, eso motiva un montón!
Con respecto a tus preguntas, te cuento que tengo conocimientos muy básicos en Excel y no sabría que recomendarte como base para poder combinar con esta solución que estoy compartiendo en el video, no obstante, me parece muy interesante tu inquietud, y si has de encontrar alguna solución y luego me la quieres compartir, podría hacer un video para el canal compartiéndolo y de esta forma sugerir tu duda a mucha más gente! Un saludo
Hola Sebas, intenté insertar el código para que tome el nombre del usuario pero no entendí muy bien. Lo explicas en el minuto 4:52 Saludos.
Hola gracias por el video. Una consulta cual es la diferencia que hay entre enviar un correo con una imagen o un HTML? Cual es mejor? Gracias!
Hola Abel, pueden haber varias cosas que tener en cuenta respecto a tu pregunta, por mi parte te puedo decir que los sistemas de correo tienden a bloquear la entrega cuando no contiene textos, por lo que siempre recomienda que haya un 30% mínimo de texto (de la cantidad no estoy seguro, pero si que debe llevar). Espero haber aclarado tu duda! Un saludo 👋
@@Sebasweb_ ok gracias! Ojala pudiera hacer un video sobre buenas practicas a la hora de diseñar un correo para mailing, tengo entendido que lo mejor es HTML e imagenes colgadas en un servidor externo. Saludos!
hermoso!
Contundente. Un abrazo Martin!
URL diseño de los correos:
url.sebasweb.net/beefree
Elementor 🔝
url.sebasweb.net/elementor
¿Cuáles son las limitaciones de la versión gratuita?
Tengo el problema y es que el correo que quiero mandar es con fondo negro y texto blanco, pero en modo oscuro el texto no se ve, de blanco pasa a negro y se combina con el fondo. :/
Este correo una vez instalado en WordPress se puede modificar los textos e imágenes
es responsivo ?
Hola sebas, trate de hacerlo con los formularios de crocoblock especificamente el de jetform y no envia el correo
Hola Jaimen, el hecho de que no te envíe el correo, puede ser independiente del compositor donde lo hayas hecho. Te recomiendo intentar usar el formulario de Elementor PRO y hacer una prueba para descartar. Te recomiendo también el uso del plugin - Post SMTP Mailer/Email Log - ayuda mucho con la entrega de los correos desde WordPress. Muchas gracias por ver y comentar, un saludo.
@@Sebasweb_ Resuelto, para jetform hay que quitar los encabezados del html. Gracias...
@@jaimenurbina Que bueno que lo pudiste resolver Jaimen, tu comentario podrá ayudar a otros que también estén usando JetForms. Gracias a ti.
@@Sebasweb_ si preciso por eso lo comente..