Como ENVIAR un FORMULARIO a traves del MAIL solo con JavaScript
HTML-код
- Опубликовано: 3 окт 2024
- 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/...
Link de compra al libro digital de DOODLES PARA COLOREAR(codigo: DAM para 25% dto):
librosdoodles....
Recuerda darle a like y suscribirte si consideras util este contenido, un saludo!!
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
Excelente tío, al fin alguien que tiene capacidad de síntesis y no se enrolla como una persiana. ¡Enhorabuena!
Que crack, breve y conciso, toda la informacion que se necesita sin hablar demasiado y extender el video. Dejo mi like y mi sub
Genial!!! Era justo lo que buscaba para un página sencilla en Vue.
Agradecido brother. Bendiciones desde Venezuela
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
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
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!!
buena tarde, verifique y ya esa pagian no funciona
me acabas de salvar el trabajo, gracias
eres un crack dani , gracias por la ayuda , al implementarlo funciono pero cuando le coloque codigo js no respondia , me parecio muy raro
Informacion concisa, directa, sin rodeos
Hombre, lit acabas de salvar mi proyecto final de la universidad, era lo unico que necesitaba
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!!
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
creo que ya no anda o esta caido
Hola master, gracias me re sirvió!!!
una pregunta, puedo enviar archivos o documentos básicos a través de formsubmit?
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
Muy buenas funciona perfecto, se puede enviar a mas de un email a la vez?
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 ?
Al momento de revisar el correo en la parte de dice De: Para: que información sale donde dice De: tú correo o el correo del usuario que envía 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
Gracias GENIO! :D
muchas gracias al grano todo
Exelente video me ayudo mucho, GRACIAS!!. Solo una duda, si voy a subir a internet mi página que pongo en la reedirección? ()
podrías redirigir al HOME, aunque recomiendo crear un clon de la página de contacto que en lugar del formulario tenga un mensaje que diga "Mensaje enviado, gracias por contactarse" o algo similar
bien gracias.Me funcionó sin poner python en el cmd .
Excelente video
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.
No he entendido lo del servidor con el comando de python y que la url de tu código sea localhost.8000 en lugar de el directorio donde guardaste el archivo. Qué finalidad tiene, y cómo puedo hacerlo?
muy buen tuto. habra forma de agregarle un recaptcha propio?
me sirvió grande amigo
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
Me funciono en el servidor local, si lo subo a un servidor, para que mi pagina este en la web, ¿funciona?
Muchas gracias, espero puedas apoyarme con esta duda
Deja ver el CSS bro
Entonces no es solo con javascript, el titulo un poco engañoso
Creo que el tipo no logró hacer un ejemplo enviando archivos o documentos, ya que en ese caso si se usa javascript, solo hizo un ejemplo básico.
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?
Hola una pregunta, lo realice en una web real pero no llegan los correos, sabes porque?
Gracias totales!!! hace rato busco algo como esto!, yo tengo el live server instalado en Visual Code, tarda un poco como servidor local pero funciona!!!!! mil gracias!
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
¿Funciona con GitPages? A mí no me funciona... no sé si puse mal el código :(
ni sirve
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!!
Podrias hacer un video de como hacerlo implementando "Vuelidate"? te lo agradeceria mucho:)
Información precisa, gracias crack, este video es de mucha ayuda.
tus huevos, me has salvado la vida.
Amigo, y cual es el css
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?
Gracias, muy buen contenido, fácil de aplicar! Me ha servido para mi presentación.
gracias muy buen video y buen uso la api esta, gracias en serioooooo te sigo en YT desde ahora...
Excelente video, muchas gracias por que con php hay que subirlo a otros servidores y es un follon !
Sensacional, estaba buscando una respuesta y tu video me ayudó mucho. felicidades por el video
buenisimo!!! Puedes compartir el css?
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?
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
Genial! justo lo que buscaba, muchísimas gracias owo
Y como hago para que quitar el nombre de formsubmin y poner el de la persona que lo envia cuando llegue a mi correo?
Te doy un Ok pero no usas codigo JS cambia el titulo
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!
Excelente! Me sirvió mucho. Gracias!!
La idea es solo desde html sin css ni servidor local como Xampp o apache 😪
Gracias, me sirvio para mi cliente. Subs & Like
Oooo no sabía que se podía hacer eso😍
Como se puede hacer para enviarlo a más de una persona?
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?
Tiene un límite de registros ingresados?
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?
es necesario estar en Local host o se puede hacer como carpeta local?
10 puntos, genio total,gracias
Gracias hermano, me sirvió!
muchas gracias me ayudaste a salvar una entrega!! nueva sub
0:45 esa indentación de los pros
👍🔔
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
suscriptor nuevo por aqui grande dani
Me ha servido de maravilla! muchas gracias!
genio me salvaste el proyecto final
Hola, Cómo puedo hacer para que angular me deje enviarlo???, me bloquea el envio ....
A mi no me sale el captcha que podria ser?
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.
sera compatible con react js?
Tengo la misma duda
Sos un crack, me funciono de 10
Gracias GENIO
excelente!!!! graciass
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;
}
Genial!
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 ?
Lo intente y no funciona, será porque tengo la web subida a Netlify?
gracias bro
Buenas tardes y si quiero adjuntar un documento en PDF tambien funcionaria?
Supongo que si, el input tendría que ser type="document"
Excelente!
Justo la información que se necesita, muchas gracias 🎉
te funcionó? porque a mi no me estaría funcionando
mi preguntA es que va en style.scc ???
el estilo de como se vera tu formulario, solo estetico
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!
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!
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!!
y el css?
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í
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
si pongo local host 8000 me salta error alguien me ayuda? : (
es enserio ? xd
@@tomaspaiva3888 si perdon es que soy junior xD
link
formsubmit.co/