Como ENVIAR un FORMULARIO a traves del MAIL solo con JavaScript
HTML-код
- Опубликовано: 13 мар 2022
- En este video vamos a estar enseñando como enviar un formulario html a traves del gmail utilizando unicamente JavaScript, sin necesidad de PHP. Para ello utilizaremos la api de FormSubmit. De esta también veremos distintos valores de personalización.
Link a la pagina web de FormSubmit:
formsubmit.co/
Link de compra al libro fisico de DOODLES PARA COLOREAR:
www.amazon.es/dp/B0B4QT9FSQ
Link de compra al libro digital de DOODLES PARA COLOREAR(codigo: DAM para 25% dto):
librosdoodles.gumroad.com/l/d...
Recuerda darle a like y suscribirte si consideras util este contenido, un saludo!! 
Наука
Que crack, breve y conciso, toda la informacion que se necesita sin hablar demasiado y extender el video. Dejo mi like y mi sub
Eres un grande!! estoy empezando en el desarrollo web, y quiero subir mi pagina web, solo me faltaba esto. Muchas gracias por compartir esta información!!
Muy buen vídeo y fantástica herramienta, gracias por compartir lo sencilla que es de utilizar. Únicamente añadiría un alert con JS al final de cada envío del formulario para que el usuario sea consciente del envío y sepa que su información ha sido enviada y no pueda llegar a pensar que el formulario se ha borrado
Amigo de verdad muchisimas gracias!! estoy comenzando en desarrollo web y no conseguia la manera de obtener la informacion de un cliente, despues de 3 dias buscando di con tu video y ha sido lo mejor que me ha pasado👍muchas gracias, me subscribo de una
Excelente tío, al fin alguien que tiene capacidad de síntesis y no se enrolla como una persiana. ¡Enhorabuena!
Genial!!! Era justo lo que buscaba para un página sencilla en Vue.
Agradecido brother. Bendiciones desde Venezuela
Gracias, muy buen contenido, fácil de aplicar! Me ha servido para mi presentación.
Sensacional, estaba buscando una respuesta y tu video me ayudó mucho. felicidades por el video
Me ha servido de maravilla! muchas gracias!
Excelente! Me sirvió mucho. Gracias!!
Genial! justo lo que buscaba, muchísimas gracias owo
gracias muy buen video y buen uso la api esta, gracias en serioooooo te sigo en YT desde ahora...
suscriptor nuevo por aqui grande dani
Justo la información que se necesita, muchas gracias 🎉
te funcionó? porque a mi no me estaría funcionando
tus huevos, me has salvado la vida.
me acabas de salvar el trabajo, gracias
muchas gracias me ayudaste a salvar una entrega!! nueva sub
genio me salvaste el proyecto final
10 puntos, genio total,gracias
Hola master, gracias me re sirvió!!!
Excelente video, muchas gracias por que con php hay que subirlo a otros servidores y es un follon !
Gracias hermano, me sirvió!
Sos un crack, me funciono de 10
Gracias, me sirvio para mi cliente. Subs & Like
Oooo no sabía que se podía hacer eso😍
Gracias GENIO! :D
Cuando habia perdido la esperanza de tener un formulario de correo en mi portafolio apareces tu a salvar el dia, te deseo mucha salud, dinero y sexo para lo que resta de semana
te funciona a mi en react no me funcionaa
Hola, disculpa, seguirá funcionando el formulario y se enviara igualmente al correo que se pone si hago las validaciones para que no ingresen cualquier texto en el formulario?
Hola! Gracias por el video, tengo una consulta no me esta dejando hacerlo sin un web server, eso es por una nueva actualizacion? porque note que tu si lo haces desde el localhost!
Gracias y espero tu respuesta, saludos
Dios mio, ya me estaba liando con nodemailer, y rollos de smtp y esto me ha venido al pelo. Te mereces mi sub por hacerme la vida tan facil jajaja y un buen like claro esta. Por cierto gente cuando ya os envieis el mensaje si no os sale, mirad la carpeta de spam. Que yo estaba ya rallandome, en plan porque no me funciona si hago lo mismo, y resulta que tenia 5 emails de esta api en el spam.😅
Muchas gracias Tito!!
excelente!!!! graciass
Excelente!
buenas noches , felicitaciones por tu canal, excelente explicación. tengo un problemita siempre que entro a la pagina y mando un correo me llega nuevamente para activarla, por que sucede eso, en tu video dices que es una sola vez que llega, pero a mi me llega las veces que entro a la pagina y envio el correo.saludos
Todavía no hice el curso de javascript y backend y esto me vino perfecto para salir del apuro con mi portfolio personal, muchas gracias
Jajaj estamos en las mismas todavía no me he metido al backend
olvidate que estamos todos como vos jaja
Un video muy bueno, pero tengo una duda. ¿Como se podría enviar en el formulario la url de una pagina jsp de tu aplicaicon web? (contexto: quiero hacer un log in y que cuando el administrador introduzca un correo electrónico se mande a ese correo una url para acceder a una pagina en la que permita crear una contraseña y la mande a la aplicacion web para almacenarla en la base de datos?
Gracias GENIO
buenisimo!!! Puedes compartir el css?
es necesario estar en Local host o se puede hacer como carpeta local?
Hola una pregunta, lo realice en una web real pero no llegan los correos, sabes porque?
Genial!
esta muy bueno, pero en mi caso tengo unos input con valores por defectos en la caracteristica value que no se envian, como que envia solo los que llena el usuario, como puedo hacer para que tambien envie esos
Muy buenas funciona perfecto, se puede enviar a mas de un email a la vez?
gracias bro
Hola, Cómo puedo hacer para que angular me deje enviarlo???, me bloquea el envio ....
Podrias hacer un video de como hacerlo implementando "Vuelidate"? te lo agradeceria mucho:)
muy buen tuto. habra forma de agregarle un recaptcha propio?
bien gracias.Me funcionó sin poner python en el cmd .
Y como hago para que quitar el nombre de formsubmin y poner el de la persona que lo envia cuando llegue a mi correo?
Como se puede hacer para enviarlo a más de una persona?
Muy bueno!! Gracias por la sencillez del procedimiento. Duda: las validaciones de campos están incluidas en el servicio de esa web?... y los mensajes de confirmación?
se agrega en el input, con required
Hola que tal, muy útil y bueno el video, una duda, hay posibilidad de cambiar el remitente del mensaje FormSubmit por otro?
Creo que no, un saludo!!
Hola, muy buen vídeo, muy claro y al grano. Podrías por favor, ponernos el código de style.css?
body {
background-color: white;
margin: 0;
font-family: monospace;
}
h1{
text-align: center;
color: #7A98B9;
margin: 0;
font-size: 30px;
margin-top: 45px;
}
form {
width: 450px;
margin: auto;
background: rgb(0,0,0,0.4);
padding: 10px 20px;
box-sizing: border-box;
margin-top: 20px;
border-radius: 7px;
background-color: #7A98B9;
}
input, textarea {
width: 100%;
margin-bottom: 20px;
padding: 7px;
box-sizing: border-box;
font-size: 17px;
border:none;
}
textarea {
min-height: 100px;
max-height: 200px;
min-width: 100%;
}
#boton {
padding: 20px;
border-radius: 5px;
}
#boton:hover{
cursor: pointer;
}
Lo intente y no funciona, será porque tengo la web subida a Netlify?
Tiene un límite de registros ingresados?
👍🔔
A mi no me sale el captcha que podria ser?
0:45 esa indentación de los pros
Hola, tengo una pregunta, si yo he alojado mis html y todo lo de mi página en Github y quiero que al enviar el formulario no me aparezca esa pantalla de que ya se envío el formulario, en el value que tengo que poner, por qué vi un video similar donde se pegaba lo del live server y si funcionaba pero como yo lo tengo alojado en Github, ya he obtenido poner la dirección que me da al activar el formulario pero me aparece error cuando envío el formulario
En el mismo github puedes editar tu html, css, Java o lo que fuere.. Has los cambios que deseas y luego de guardar cambios y esperas un minuto aprox.. y ya se habrá actualizado. El url se conserva.
Te hago una consulta, como puedo hacer para que no se refresque la pagina cuando envio el formulario?? tengo ese problema hace bastante y no puedo resolverlo
Investiga un poco sobre preventDefault() en js ... Espero te ayude
Debes usar preventDefault para que no se ejecute el evento submit del botón del formulario sino que se ejecute el evento que tú quieres
Saludos. ME da un error: "Form should POST
Make sure your form has the method="POST" attribute" Pero ya agregue el metodo POST, y no me direcciona a la pagina que le indique
debes poner la url completa de tu servidor , en el actributo , _next
Esta muy bueno pero hace que la página se cargue muy lento.
Amigo, y cual es el css
hola intente hacerlo pero cuando pongo enviar en el formulario me dice que el correo electronico que puse para q lleguen los msj no tiene el formato correcto ??
que hago puse uno de gmail que uso como en el video pero no lo acepta
Pruebe a utilizar otro mail a ver si con ese le funciona. Si no, intenté en vez de poner el mail un código que lo sustituya.
Un saludo!
Entonces no es solo con javascript, el titulo un poco engañoso
Muy bueno , lo que buscaba es que cuando un usuario complete el formulario , llegue un email a mi gmail con los datos del formulario , antes que usar una base de datos para tan pocos campos de un formulario , probe hacerlo con php y php mailer pero mi servidor no manda los email . y por fin con esta me funciono y logre lo que queria , es una opcion , tiene limites de envio de email ? ahora probera hacer lo mismo con node y nodemailer , estaria bueno que subas mas opciones para hacerlo
cómo utilizas node ?
Bro cree una plataforma, sabes que cuando completo el furmulario de envio atraves de la pc se envia y dice el mensajes gracias, pero cuando lo hago desde mi celular me dice que se envio un mensaje a mi correo para la activacion y no lo puedo activar. por que es?
Prueba a ver si ha llegado a spam, que a veces llega ahí
buenas noches amigo, yo uso el Formspree y es casi igual pero, muchas veces me llega spam al correo, este FormSubmit también llegará spam?
No,no llega!
Buenas tardes y si quiero adjuntar un documento en PDF tambien funcionaria?
Supongo que si, el input tendría que ser type="document"
y el css?
buena tarde, verifique y ya esa pagian no funciona
Mano Buenas noches, como se puede enviar imagenes, adjuntar archivos e imagenes aparte de simples datos como mostraste en este video, quedo atento a cualquier respuesta muchas gracias.
No solo datos como asunto y contenido si no adjuntar archivos e imagenes al correo que tengo que enviar la informacion.
@@juanjoseflorez6967 quizas tarde pero solo pones en la etiequeta form enctype="multipart/form-data"
y en los espacio a rellenar de tu formulario un input tipo file con eso es suficiente
Hola ,como subo la página web a un host?
Hola buenas, primero necesita encontrar un servicio de hosting. Este te dirá los pasos para subir su web.
Mucha suerte!!
Hola! funciona si publico mi pagina en el servidor de github? gracias!
Ahi me fije y funciona bien, bastante lento es igual y tira errores como que se perdio el host (hablando de la pagina formsubmit, no de github), pero una vez me funciono
@@axelmarting5266 ¿Cómo lo resolviste?, ¿que tanto le modificaste?
Hola una pregunta , se puede poner un mensaje que salga , cuando se envió el formulario ? Por ejemplo una notificación toast que diga que , se envió el mensaje correctamente ...🤔
Mira el vídeo 🤣
Unable to submit form. Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files.
¿Cómo puedo solucionar este error?
Buenas, levantaste la web en un servidor local o remoto??
@@quant_dani como hago levantar la web html ?
mi preguntA es que va en style.scc ???
el estilo de como se vera tu formulario, solo estetico
Hola! Que estoy haciendo mal? Probé con tu excelente explicación pero al querer enviar al formulario me tira error la página. Se agradece me puedas orientar con esto. 😅
¿Levantaste la página desde un servidor?
Bro cuando ando confirmando el coso no me carga el coso de confirmación en el Gmail
Yo logro enviar todo pero en mi correo n me sale la información que se envía desde el formulario
Hola, muchas gracias por el vídeo. Mi consulta, es de pago o gratuita?
Totalmente gratuita!
@@quant_dani Muchas Gracias por responder, me fue de mucha ayuda, nuevo suscriptor.
@@quant_dani Pero esta limitado el envió de email o no?
a mi me aparece esto
Unable to submit form
Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files
Buenas, tienes que abrir la web en un servidor local!
sera compatible con react js?
Tengo la misma duda
Deja ver el CSS bro
¿Cómo podría hacer para que se muestre o me permita descargar la imagen que mando al correo? Porque me la envía solamente como texto. Gracias.
si pongo local host 8000 me salta error alguien me ayuda? : (
es enserio ? xd
@@tomaspaiva3888 si perdon es que soy junior xD
La idea es solo desde html sin css ni servidor local como Xampp o apache 😪
link
formsubmit.co/
¿Funciona con GitPages? A mí no me funciona... no sé si puse mal el código :(
bro tiene un limite de envíos de correo?
Creo que no!!
@@quant_dani si me a funcionando, pero siento que es inestable o no se que pueda estar pasando, porque hay veces que no funciona ayuda bro
FUNCIONARA PARA QUE OTROS PONGAN SUS DATOS Y ME LLEGUE A MI CORREO?
Si!
de eso trata el video basicamente...
Te doy un Ok pero no usas codigo JS cambia el titulo
Al parecer ya no funciona. Ahora se necesita de un servidor
capaz has hehco algo mal... hace 3 dias lo use y anda
@@maxwellm4241 es que no comprendo se supone que esta API es para evitar escribir código del lado del servidor (en mi caso no se backend) pero entonces vi que el está levantando un servidor en local. La verdad no entiendo. Por favor 🙏 me explicas?
Igual te recomiendo que uses phpmailsender algo si era por que con esto me llegron mensajes de que estan intentado ingresar a mis correos justo lso dos que use para probarlo
@@yormanlopez8553 siempre tenes quelevantar un local usa php con zamp y lo tenes ya buscate un tutorial de zamp con php y usa el phpmail
No funciona
ni sirve
Hola, primero gracias, ahora, donde esta el javascript???
y el contenido que realizaste? jajaja donte esta el codigo? jajaj