No video
Como Enviar E-mails de um Formulário de Contato HTML
Рет қаралды 39,514
Күн бұрынAprenda como criar um formulário de contato funcional em HTML. Este formulário de contato enviará e-mails do seu site para a sua caixa de entrada.
Para este vídeo, usei o FormSubmit. Eles são um serviço gratuito, então se você gostaria de apoiá-los, visite: formsubmit.co/...
Este vídeo NÃO é patrocinado.
#html #css #webdevelopment
🔗 Recursos
Código da aula github.com/tig...
FormSubmit formsubmit.co/
FormSubmit Docs formsubmit.co/...
📚 Capítulos
00:00 O Problema dos Tutoriais de Formulário
00:24 A Solução
00:57 Setup
01:10 Site FormSubmit
01:40 Formulário HTML
02:06 Plugin Live Server
02:27 Testando o Formulário
03:05 Removendo o reCAPTCHA
03:31 Página de Obrigado
04:22 Estilização com CSS
07:29 Obrigado
🐅 Seja um assinante Tiger Codes
Aprenda front end do zero em tigercodes.com...
Use o código KZfaq para 15% off no seu primeiro pagamento.
🌐 Redes Sociais
TikTok / tigercodes
Instagram / tiger_codes
Twitter / tiger_codes
@ic4zzy773 11 ай бұрын
2 anos depois e esse video ainda e' o melhor pra formulario de contato, a galera faz coisas bonitinhas, demorando 40 minutos e nao fica funcional. em apenas 8 minutos voce salvou meu dia. Obrigado :)
@SuporteTécnicoGrupoBallke Ай бұрын
Salvou demais eu estava apanhando pra outro API e essa foi só sucesso.
@alissonlima3735 3 жыл бұрын
CARACA MEU, INCRIVEL!!! oloko, eu não sabia que dava pra mandar emails só com Html o cara é um Mito!
@jksnbrazil1 3 жыл бұрын
Sim dá, o triste são as configurações de programação avançadas de servidor etc que estão por trás de tudo isso, que nesse caso, pra mim que não tenho programação back end, esse cara ai do vídeo está salvando minha vida kkkk
@DevNety 4 күн бұрын
Num vou nem continuar! Já gostei! Videos simples e direito na lata.... Vou salvar e ver depois...estou no trabalho kkkkk Tô montando meu portifolio e seu vídeo veio em bom hora .. obrigad❤o ❤❤
@pedrohenriquefernandes6685 2 жыл бұрын
Só te peço p nunca parar, conteúdo de ouro. Valeu, me ajudou dms!
@TigerCodes 2 жыл бұрын
Enquanto você continuar assistindo eu vou continuar fazendo! :)
@renanwuicik5294 Жыл бұрын
Mano você não tem noção de quanto você salvou a minha vida. Moço você é um Deus, eu fiquei semanas procurando uma api boa pra mim fazer isso, e o tanto que eu me estressei não está escrito no universo, muito obrigado mesmo moço, muito obrigado!
@TigerCodes Жыл бұрын
Fico feliz em saber. Tmj! 🎉
@eofrankzin 8 ай бұрын
Caraca velho, difícil achar um canal bom simples e objetivo como o seu!!!❤❤❤
@viniciusm.m.7822 3 жыл бұрын
Excelente vídeo e dicas, mano! Obrigado! Se vc puder, envia mais vídeos assim, bem explicados. Forte abraço!
@TigerCodes 3 жыл бұрын
Muito obrigado! Se você continuar assistindo, eu vou continuar fazendo. :)
@antoniosala-informatica6478 2 жыл бұрын
Incrível! Melhor que aprender toda a lógica do PHP pra fazer essa função 😅
@TigerCodes 2 жыл бұрын
É uma solução que é simplesmente sonho de consumo de todo dev front-end iniciante (e talvez até veteranos a prefiram, assim como eu para projeto simples heheh 😅)
@jksnbrazil1 3 жыл бұрын
Gente nem sei como agradecer, muito obrigado, já sou seu seguidor.
@TigerCodes 3 жыл бұрын
Fico feliz em ajudar!
@arissonlimafreire Жыл бұрын
Tá louco, uma mão na roda esse serviço e obrigado por divulgar esse tipo de serviço e mostrar como funciona. Parabéns!
@TigerCodes Жыл бұрын
Disponha!
@fabioverlaine7274 3 жыл бұрын
QUE BACANA O MACETE DO ENVIO !!! Vaaleu mesmo DIDÁTICA EXXCELENTE seguindo no instagram tbm e gosto das enquetes no direct !! sucesso fera e gostaria de ver formulário com JS. grato.
@TigerCodes 3 жыл бұрын
Obrigado Fabio!
@ritacarvalho3862 5 ай бұрын
Video mt util e prático, já tinha tentado fazer um formulário funcional com recurso a php mas não deu certo. O seu video acabou ajudando a resolver esse problema. Obrigado!
@jacksondev0 6 ай бұрын
me salvou dms, fazendo meu portfolio, o vercel nn aceita usar php, fiz um simples formulario em php e não foi, ai vi seu video e me salvou mt obg
@tudorialdehoje 3 ай бұрын
Parabéns pelo tutorial, foi o melhor que eu encontrei até hoje, simples e fácil
@GSANTANA999 Жыл бұрын
Cara! esse video foi tão incrivel que eu fiz questao de entrar nas minhas outras 2 contas pra deixar o linke e se inscrver no canal, não so pelo conteudo em se que encontrei mais do que eu procurava mas no geral! Parabens! a todos envolvidos na criação de conteudo
@TigerCodes Жыл бұрын
Obrigado! 💙🐅
@ezequielcouto2156 10 ай бұрын
Cara vc ajudou muito. Achei que era algo dificil mas vc foi 10/10 explicação simples e objetiva. PARABENS
@wender4016 2 жыл бұрын
Você é a luz no fim do túnel que eu estava procurando!
@TigerCodes 2 жыл бұрын
Fico feliz de ouvir isso :)
@biancolorencini4360 Жыл бұрын
Muito obrigado, foi direto ao assunto e com muita propriedade no que faz, PARABÉNS ganhou mais um inscrito!
@TigerCodes Жыл бұрын
Obrigado!
@mauriciodias6601 Жыл бұрын
Mano, parabéns e vida longa ao canal! Manja muito e ainda consegue ser divertido. Abraços e sucesso sempre!
@TigerCodes Жыл бұрын
Muito obrigado 🩵
@wesley9571 10 ай бұрын
ajudou demais meu nobre, tava precisando urgente disso para o meu trabalho da faculdade
@claudiolopes9413 3 жыл бұрын
Mais um tutorial nota 1000, obrigado!
@TigerCodes 3 жыл бұрын
Obrigado!
@paulolemoss1 3 жыл бұрын
Ótimo vídeo, parabéns pelo trabalho e obrigado pelas dicas!
@TigerCodes 3 жыл бұрын
Obrigado!
@gleluis15 3 жыл бұрын
Show de bola. Nem sabia que seria possível com html, kkk.
@TigerCodes 3 жыл бұрын
Solução mais rápida e simples impossível 😎
@amandaskraba9985 3 жыл бұрын
Incrível, parabéns 💙
@TigerCodes 3 жыл бұрын
Obrigado 💙
@aljones17 2 жыл бұрын
"Obrigado amigo. Você é um amigo!" Essa frase do Pica-pau nunca fez tanto sentido.
@TigerCodes 2 жыл бұрын
Hahahahah, de nada amigo 😉
@caiopeixoto6492 Жыл бұрын
você tem uma didática incrível obrigado pela aula.
@TigerCodes Жыл бұрын
Fico feliz que gostou, Caio. Bons estudos!
@ruanpaulo4583 2 жыл бұрын
Muito boa explicação! Rápido e objetivo. Impressionante, parabéns!
@TigerCodes 2 жыл бұрын
Obrigado pelo elogio! Fico feliz que te ajudou. 💙🐅
@rubenfontes7085 2 жыл бұрын
Muito bom mesmo, mas acho que o ideal, num ambiente de produção, seria usar php ou js (nodejs) e consumir alguma API de disparo (Nodemailer). Sou front tb
@TigerCodes 2 жыл бұрын
Ótima sugestão
@maiconvictordossantos139 2 жыл бұрын
explica mto bem, direto ao ponto, fora q me resolveu um problemão... canal bom dmsssss
@TigerCodes 2 жыл бұрын
Obrigado! Compartilhe com os amigos! 💙🐯
@elizeulins2522 Жыл бұрын
ajudou bastante meu brother!! vlw d+
@TigerCodes Жыл бұрын
Disponha, Elizeu!
@LetoMurakai 2 жыл бұрын
Ajudou muito, só estava precisando disso para finalizar o portfólio!
@TigerCodes 2 жыл бұрын
Fico feliz em ajudar! 🐯
@DaniloGentili-rl5bq 2 жыл бұрын
Simples e objetivo. Muito bom!
@TigerCodes 2 жыл бұрын
Fico feliz que gostou!
@TheNancyGroove Жыл бұрын
Sinscrevi, muito didático e rápido. Não consigo fazer tutoriais assim tão rápido. kkkkkk abraço sucesso ♥
@TigerCodes Жыл бұрын
Muito obrigado 😁
@deivisonsantos88 2 жыл бұрын
Meu amigo, parabéns pela didática, excelente vídeo!!
@TigerCodes 2 жыл бұрын
Obrigado, Deivison! Fico feliz que você gostou 😉
@albertosantos1238 3 жыл бұрын
Olá, como não achei seu canal antes?? incrível a facilidade que você tem para desenvolver, gostaria de fazer um pedido de um vídeo de Java script, fazer um menu fixo com scroll e que mude a cor do backrground e do color do menu de acordo com que o usuario scrolla a tela para baixo. se não for te atrapalhar ficaria muito grato. vlw
@TigerCodes 3 жыл бұрын
Obrigado pela sugestão Alberto :)
@FabioSouttoDev 2 жыл бұрын
Show de bola, vale o like e inscrição pra aprender mais. Um abraço brother!
@TigerCodes 2 жыл бұрын
Obrigado! 💙😸
@trilhacoder 2 жыл бұрын
Simples e funcional, muito bom. Parabéns, Abç.
@TigerCodes 2 жыл бұрын
Fico feliz que te ajudou!
@vini8v8 Жыл бұрын
Simplesmente MA-RA-VI-LHO-SO. Muito obrigado o/
@TigerCodes Жыл бұрын
Disponha! Vídeo novo nesta segunda-feira.
@andrejoaolopes1683 2 жыл бұрын
Muito bom brother, parabéns!
@lucasc.5591 Жыл бұрын
Mano muito obrigado pelo vídeo, ajudo de mais mesmo, você é brabo!!!
@TigerCodes Жыл бұрын
Que bom que ajudou 🐅
@asrem21y72 2 жыл бұрын
Concerteza vou usar esse conhecimento em um dos meus projetos
@alammorais 2 жыл бұрын
Simples e objetivo, ajudou bastante, valeu fera!
@TigerCodes 2 жыл бұрын
Tmj Alam!! 💙🐅
@LeLxover 2 жыл бұрын
Excelente!! faz um tutorial pra fazer com aquele "Não sou robô" pra evitar ataques de inject de php. Valeu!!!
@TigerCodes 2 жыл бұрын
Olá Marcos para habilitar o captcha ("Não sou robô") é só remover esta linha de código que usei no vídeo:
@israelbraga7310 Жыл бұрын
Sensacional!!
@TigerCodes Жыл бұрын
;)
@hickpe Жыл бұрын
Mano valeu tava precisando
@TigerCodes Жыл бұрын
Disponha! Vídeo novo nesta segunda.
@carol.rodrigues 2 жыл бұрын
Vídeo muito bom ! Ótima explicação!
@TigerCodes 2 жыл бұрын
Fico feliz que gostou :)
@esdrascosta7193 Жыл бұрын
Muito bom meu brother. 100% me ajudou S2.
@TigerCodes Жыл бұрын
Que bom que ajudou 💙🐅
@ayrtoncossa2534 2 жыл бұрын
bastante util e funciona, valeu
@TigerCodes 2 жыл бұрын
Disponha, Ayrton!
@h57211 3 жыл бұрын
mano simplesmente perfeito
@soaresmiltinho 3 жыл бұрын
Obrigado
@TigerCodes 3 жыл бұрын
😉
@valorantbeta6208 7 ай бұрын
salvou nós tropaa
@programadorprincipiante 3 жыл бұрын
Muito bom, valeu obrigado pelo conteúdo.
@TigerCodes 3 жыл бұрын
Obrigado!
@luisfelipe7009 3 жыл бұрын
Top, trás mais conteúdos relacionado a isso
@TigerCodes 3 жыл бұрын
Pode deixar :)
@inthegrimo 7 ай бұрын
Pergunta! , qual a vantagem que tenho programando "um" back end ao inves de usar formSubmit, ?
@lumoura9988 2 жыл бұрын
Excelente! Obrigada pelo conteúdo.
@TigerCodes 2 жыл бұрын
Obrigado por assistir!
@devcaio2606 Жыл бұрын
ganho mais um inscrito top dms
@TigerCodes Жыл бұрын
Só agradeço 💙🐅
@andersonantunes9763 2 ай бұрын
Vlw pela dica, ajudou bastante. Só uma dúvida. Dá para alterar o nome do remetente que aparece quando recebemos o email? Queria que ficasse o nome da form preenchida e não como FormSubmit
@cledeniroliveira3624 Жыл бұрын
Apaguei meu comentário anterior onde disse que não tinha dado certo. Adicionando o recurso "_subject" deu certo, só dessa forma vem a mensagem completa, com todos os campos preenchidos. Aproveitando a mensagem, como fazemos para que ao enviar a mensagem, a página de obrigado abra em uma guia separada? Tentei adicionar o código "target="_blank"" ao lado do link, mas não deu certo. Obrigado !!
@Conhecendo.o.Autismo 5 ай бұрын
o cara é ferra
@pabloplargado Жыл бұрын
Parabéns Conteúdo incrível!!
@TigerCodes Жыл бұрын
Obrigado pelo elogio
@brunobr3796 Жыл бұрын
no meu não funcionou, quando eu envio o email no liveserve ele fica com a tela branca só, oque eu faço
@fillipeoliveiraconta 2 жыл бұрын
Faça mais vídeos assim
@TigerCodes 2 жыл бұрын
Seu pedido é uma ordem.
@deboralopes6475 Жыл бұрын
Você é incrível 💕
@TigerCodes Жыл бұрын
Obrigado! 😊
@edsoncalixto3871 2 жыл бұрын
ola, quando eu envio o formulario, so chega no email Here's what they had to say: e mais nada pode me ajudar?
@topico-gamer 2 жыл бұрын
Muito obrigado, ajudou muito!
@TigerCodes Жыл бұрын
Disponha!
@pythonico6155 2 жыл бұрын
Me salvou de um jeito !!! Obrigado
@TigerCodes 2 жыл бұрын
Disponha!
@user-vu8mv9gh1o Жыл бұрын
O meu não aparece as informações no email. So recebo o email. Alguém sabe porque?
@fabioverlaine7274 3 жыл бұрын
oi ... consegui fazer .. mas como deixar meu e-mail fixado no input de e-mail sem precisar digitar Tiger ? vaaleu
@TigerCodes 3 жыл бұрын
Você quis dizer um placeholder? É só fazer o mesmo que eu fiz no textarea, atributo placeholder="exemplo@email.com"
@CarlosEduardo-we7gb Жыл бұрын
E se eu não quiser que redirecione para outra página? Eu queria que quando o formulário fosse enviado ele ficasse na mesma página para eu colocar uma animação para informar o usuário que a menssagem foi enviada para o meu email, e possível?
@TigerCodes Жыл бұрын
Estou produzindo um vídeo mostrando como fazer isso, vai ser o próximo a ser publicado.
@hackerman9365 2 жыл бұрын
Inteligente:) cria uma tela fake pra mim kkkk
@hackerman9365 2 жыл бұрын
Zoas .....
@raimundoneto4557 2 жыл бұрын
conteudo de valor mano, parabéns
@TigerCodes 2 жыл бұрын
Obrigado Raimundo, fico feliz que gostou 💙🐯
@paulohayashida786 2 жыл бұрын
Dica incrivel! muito obrigado
@TigerCodes 2 жыл бұрын
Disponha!
@MarcioSantos-in7fq Жыл бұрын
Cara por favor me ajuda, o Captcha não está aparecendo no meu formulário, já tentei de tudo e não adiantou, o que faço?
@evanildosilva8157 2 жыл бұрын
o miseravel é um génio
@romulo12silva 10 ай бұрын
me ajudou muito cara, valeu
@amandaluisa_ 2 жыл бұрын
Top
@mosiahrs 2 жыл бұрын
Salvou demais! Me livrei do PHP
@TigerCodes 2 жыл бұрын
Heheh 😅 Também curti esse fato.
@marvin1290 Жыл бұрын
que video maravilhoso 👏👏
@TigerCodes Жыл бұрын
Fico feliz que gostou, marvin :)
@MarciaPintoBarcelo1 10 ай бұрын
Top seu vídeo gostei!
@miguelgorski Жыл бұрын
Bom dia muito bom o video me ajudou muitoo mas tenho uma duvida e quando eu publicar o site ele nao vai funcionar por causa da porta , então como faço pra mudar a porta e colocar o dominio do site ?
@CarlosEduardo-op3hr 3 жыл бұрын
Muito top
@TigerCodes 3 жыл бұрын
Valeu, Carlos! :)
@carlosamm6527 2 жыл бұрын
Top d+ se eu pudesse daria mais de 1 like e já compartilhei com a galera
@TigerCodes 2 жыл бұрын
Obrigado! Sua ajuda me deixa mais do que feliz :)
@youtuberteam 2 жыл бұрын
Parabéns!
@rafaelnunes8890 Жыл бұрын
pqp que mito
@rafaeladao4253 2 жыл бұрын
QUE VÍDEO INCRÍVEL
@TigerCodes 2 жыл бұрын
Obrigado!! :)
@MatheusSilva-lp3lu Жыл бұрын
Muito bom o video! Uma coisa que não consegui fazer foi o deploy dele, em servidor local ele funciona perfeitamente. Sera que alguem poderia me ajudar por gentileza?
@TigerCodes Жыл бұрын
Você poderia descrever mais o erro?
@mestredatimeline 2 жыл бұрын
o ruim e que quando coloca no host, o endereço de ip do ''OBRIGADO'' não funciona , então ele buga inteiro, alguma forma de resolver?
@TigerCodes 2 жыл бұрын
O comportamento do FormSubmit é mais previsível quando seu site está hospedado na web. Tente subir o site em algum lugar como GitHub, Hostinger etc e mudar o link para dar match com o link real.
@dragon19488 2 жыл бұрын
melhor video!
@Luis-pb2ds 2 жыл бұрын
Boa tarde!! Poderia fazer um video aula pegando html colocando no google sheets passo a passo com furmulario de auto responde? Ficarei grato
@emanoelbruniosantanasilva4130 2 жыл бұрын
E se eu não quiser redirecionar para outra página, se eu quiser ficar no mesmo local e só retorna uma mensagem abaixo do formulário dizendo que deu certo?
@TigerCodes Жыл бұрын
Sim dá para fazer isso também, explico nesse vídeo aqui: kzfaq.info/get/bejne/irKbl9Zmp7CRpnU.html
@thescriptkiddie 2 жыл бұрын
Como eu poderia fazer caso eu quisesse setar uma rota pra quando o usuário der um submit, ele receber a página que eu setei na rota?
@TigerCodes Жыл бұрын
Página de obrigado, eu mostro no vídeo
@brunodoug366 2 жыл бұрын
Amigo no meu formulário em todo email aparece a mensagem que tenho que ativar o formulário (e eu já ativei). Isso eu consigo resolver ou é problema do site?
@marcusferreira6558 2 жыл бұрын
tá tudo lá no spam
@viniciusvidal4894 2 жыл бұрын
Meu também! Toda vez que vou enviar um dado novo pede pra ativar o formulário no e-mail. Será que é algum bug do site da Form
@tioben2823 2 ай бұрын
nossa meu formualrio demora 1 seculo pra enviar :O
@Gabieu3 2 жыл бұрын
Opa, aqui funcionou tudo, Obrgado ai! Mas será se é possivel enviar os dados do form para mais de um email? Se si como seria?
@afonsooliveiraEL 2 жыл бұрын
o form submit ta a mandar me colocar la o methor="post" na form mas eu ja tenho tudo direitinho, oq faco?
@TigerCodes 2 жыл бұрын
O atributo method é obrigatório, tente baixar o código-fonte na descrição do vídeo e compare com o seu para tentar encontrar o que está errado
@zhant3568 2 жыл бұрын
Opa, bom dia, sabe me dizer como personalizo a mensagem que vai enviar para o Email? Que queria usar dois formulários diferentes no mesmo site e mandando a mesma mensagem cai só um
@mariaeduardawspduda7912 2 жыл бұрын
Muito bommmm!!
@TigerCodes 2 жыл бұрын
Obrigado! 💙🐯
@arthurathos3131 2 жыл бұрын
a pagina que direciona pro obrigado não ta indo, fiz idêntico ao seu e não funcionou
@TigerCodes 2 жыл бұрын
Olá Arthur, por favor não se esqueça de checar o código-fonte na descrição para comparar e ajudar a encontrar o erro!
@Unboxrelax22 2 жыл бұрын
Mano, faz mais vídeos pelo amor de Deus !!!
Rodrigo M.S.
Рет қаралды 129 М.
Rafaella Ballerini
Рет қаралды 335 М.