Notebook com icones de email

Formulário De Contato em PHP Com Bootstrap

Um formulário de contato em seu site facilita a comunicação de seus clientes e pessoas que têm interesse em seu negócio. Sua implementação é bastante simples. Neste tutorial estarei demonstrando como criar um formulário de contato em php com bootstrap. Além disso, como validar os campos e mostrar a mensagem de confirmação ou erro abaixo do formulário.

Veja demonstração | Veja o código-fonte do exemplo

Criando código de envio de e-mail

Vamos começar fazendo o código HTML do formulário, nele vamos colocar os campos de formulário no arquivo index.php

No formulário de exemplo temos os seguintes atributos: nome, email, telefone, assunto e mensagem, ambos campos obrigatórios

Observe que a tag HTML required foi inserida para validar os campos de entrada, o bootstrap validator mostra as mensagens de erro da validação

<div class="help-block with-errors"></div>

Adicione um campo para mostrar as mensagens de confirmação ou erro no envio do e-mail através do alert do Bootstrap

<div class="mensagem-alerta"><?php echo $msg ?></div>

Criando o código PHP de envio de email

No sendmail.php temos o código php para o envio do email

O script será acionado pelo botão btnSend, portanto, é verificado se todos os campos foram preenchidos. Se pelo menos um estiver vazio, aparecerá uma mensagem de erro.

O envio é feito pela função nativa do php mail devolvendo a mensagem de confirmação ou erro na tela para o usuário.

Dessa forma podemos criar qualquer formulário e enviar os seus dados por e-mail para quem quisermos.

Nesse exemplo, ele estará enviando para o e-mail que você colocar na variável ‘$email_destinatario’.

No entanto, se você precisar de um script mais avançado para enviar e-mails usando o PHP, verifique o projeto PHPMailer. Ele tem suporte SMTP integrado, error_logs abrangente em 47 idiomas e muitos mais recursos úteis.

Fico por aqui nesse tutorial, espero que tenham gostado e até o próximo.

Gostou?? Compartilhe!!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Últimos posts

Se inscreva e tenha acesso em primeira mão aos novos conteúdos!

Leia Também