Criar site grátis - Aula 09 - Colocar formulário de e-mail

Criar site grátis - Aula 09 - Colocar formulário de e-mail html

a Lontra Vamos aprender a colocar um formulário de e-mail na página do você tem várias opções a primeira Teresa a própria ferramenta aqui do meu viu para inserir um formulário Mas aqui tem um porém Você vai precisar conhecer pelo menos o básico de sobre HTML ou programação tá para conseguir montar um formulário é e como aqui nós não estamos falando aprendendo linguagem HTML nem programação vamos deixar essa ferramenta de lado porque você tem outras opções mais fáceis rápidas e eficientes

para colocar um formulário aqui primeiro você pode procurar na net tem vários formulários de e-mail faz o download abre no bloco de notas copia o código vem aqui no código-fonte do Ah tá e cola Pronto já tem seu formulário de e-mail é segundo amor mas para isso você também vai precisar depois fazer o e-mail de retorno e blábláblás também é complicado então vamos deixar ele lá outra quando você os é do seu site lá no seu rosto de hospedagem ele já tem o o seu formulário de e-mail Pron tinho tá

você pode gerar ele copiar todo o código HTML e colar aqui na página também tá e a última opção é você usar ou um site que faça formulários de e-mail tem um muito bom que se chama J pharm e aqui se ele aqui está o endereço dele ele é totalmente em português primeira coisa que você vai fazer é ficar astrar aqui no site criar uma conta é gratuita também porque é importante porque depois que você gerar o seu formulário aqui colocado na página do seu site se deu algum erro de tamanho altura largura

cor e você não sabe mexer no código-fonte você volta aqui no programa é abre a sua conta e pega o formulário e modifica a ele de novo tá não vai ter o trabalho de estar fazendo novamente passa por pa Então vamos lá hoje eu vou te dar só uma visão básica tá de como você começar com se for de explicar todas as ferramentas Nossa ia demorar demais as ferramentas formulário ferramenta tá aqui você tem os itens para você montar o seu formular você clica e arrasta pa ra janela tá nome e-mail endereço

telefone não ferramentas de formulário área de texto Ok o mar nome e-mail e amentar tudo o que você pode modificar clique para editar o que você pode escrever que é o campo de mensagem Ah tá é aqui estilo do formulário aqui em tema fiz o lado esquerdo Você tem algum tema tá que você pode usar um explicar aqui ó se e vim aqui no que você apaga o campo aqui em propriedades olhar só sem um asterisco e em vermelho que fica o campo obrigatório você pode colocar em todos esses tá isso quer dizer que

se a pessoa não preencher aqui o nome o e-mail dela ela não vai conseguir enviar o formulário e vamos voltar para o estilo aqui você tenha a fonte você pode escolher a fonte que tá colocaram Black tamanho da fonte a cor é o fundo aqui se você quiser outra fundo lá lá está em Jeans se você quiser outra cor amarelinho Nossa currículo vamos deixar o amarelo mesmo tá aqui a largura do formulário você pode diminuir a diminuindo os campos a l argura do rótulo que é somente esse trechinho aqui ó a

diminuir também tá então aqui é a história vai mexendo errou clica 15 fazer tá tudo pronto tá vamos ao passo mais importante que é você compartilhar essa daqui e colocar lá no seu site aqui ó Obrigado você pode gerar uma página de agradecimento mensagem de agradecimento clique em próximo aqui você escreve o que você quiser vamos colocar mensagem enviada é mas por em e aumentar a foto aqui também Você pode colocar o que você quiser e da maneira que você quiser pode personalizar tá E vai clicar

aqui em finalizado ok e aqui um campo de enviar formulário em propriedades você pode subir e aqui a pode encolher deixar menorzinho tá você vai personalizar um só tirar esse amarelo daqui porque ele ficou horrível né não deixar em branco mesmo não também tema nós vamos escolher o mais padrão aqui pronto feito isso depois que você terminou o seu formulário Você vai clicar aqui ó compartilhar e vai abrir essa janel a e aqui você vai digitar o e-mail de reforço tá Para onde que vai ser mandado os

dados do formulário preencher você coloca aqui seu e-mail e clique em salvar e-mail eu não vou por vou fechar e por último você vai clicar aqui ó código-fonte e aqui você tem várias opções para colocar é de código para colocar tá você pode colocar uma janelinha foi prato que aquela que abre na sua janela mesmo tá não vai para outra página Vamos dar um exemplo desse daqui mesmo é só você vai seleciona todo o código da un control c tu vai para o meu viu e aqui você vai abrir o código-fonte ó e vai

dar um control Z e aqui não vai ficar legal porque não é uma página é inteira né É só um exemplo aqui formulário sem título e eu vou colocar contato é em salvar como contato bom então por contato com o topo que eu já tenho uma página de contato aqui ok visualizar essa aqui esta eu vou clicar e vai abrir uma janelinha na própria página do seu site e vamos tentar aqui um e enviar um e-mail o lha só eu não coloquei obrigatório então aqui se eu não quiser colocar o e-mail não coloco mas a mensagem eu

preciso for Então vamos lá oi tudo bem Só para fazer um teste e enviar o formulário mensagem enviar lembra que eu coloquei lá mensagem enviada não responde tá você pode colocar mais embaixo pequenininho da maneira que você quiser Ok vou fechar vamos voltar aqui Roberto e voltando então tem vários códigos tá vamos pegar um outro aqui a mesma coisa comprou cê voltar frio viu vou pulinho outra página código-fonte control Z é normal salvar Nossa salvar como que agora nada Ok ok visualiza Oi tá aqui

o meu e-mail um formulário enorme né porque tudo isso você precisa definir aqui ó no J forma tá por isso que você tem que colocar direitinho o tamanho aqui a largura do formulário a largura do rótulo tudo certinho e últimos casos se você conhece um pouquinho você vai aqui no código-fonte Olha tem aqui altura e largura que você pode personalizar também tá então vá te stando vai pegando os códigos vai colocando lá no seu site por isso que eu falei que é importante você se cadastrar aqui porque

qualquer erro que deu lá com o formulário você pode vir aqui ir modificar e outra coisa é aqui tô colocando numa página só mas você pode colocar na página que você já fez o quê que eu tenho aqui deixa eu ver de página pronta nada né não tenho nada mas vamos supor que você tem uma página um que tenha e é já uma postagem nossa tia não tem nada vamos supor que você terminou aqui a sua postagem e quer colocar o seu formulário aqui embaixo e E como eu não vai dar porque eu fiz aqui um cabelo tá é só

você vai ver código-fonte é bem lá no finalzinho antes de bode bode tá Kelly Borges se você não conhece e acessar a tarde HTML você coloca o seu curso por lá e cola o código que você pegou então control V tá certo o salvar e visualizar aqui ó Tá me a postagem e o meu campo contato login da claro que personalizam Ok bom gente é isso qualquer d úvida de novo estou às ordens é procura e mexendo no aqui no formulário deu errado pode desfazer e qualquer dúvida estou às ordens como sempre Ok beijinhos

um

Aprenda de uma vez por toda montar seu negocio online em casa.

Clique no botão a baixo para acessar varios cursos gratis. 

html