Create a PHP Send Email Contact Form - using PHPMailer - Step by Step | Coding Snow | Creative Web Design Tutorials

Description

Hello everyone! In this video, you are going to learn step by step how to create a contact form to send an email to a specific email address using PHPMailer.

There is a web page on a website that allows users to make contact with the site owner called the contact page. The page has fields for filling in email, name, message and etc. On most websites, email and mail addresses are also included as more info. however, the contact form provides major space, convenient way for users to communicate with the site owner for this purposes.

Lets see how to do it according to this tutorial. First yo need to download the PHP mailer from github. Then extract that file and copy the file to the folder that you created in htdocs. Watch the video for more details. Then you have to do a important step In your gmail account (the gmail account that you are going to use to send emails) go to your account settings and in the security tab you can see "less secure app access ". In default it is turned off and you need to turn it on. It's important. then start the apache server on your localhost. Then start to code. In the index.php file you need to create the contact form . The code the sendEmail.php file (follow the video). I think it is not hard to follow. Hope this video will be helpful to create a contact form to send emails using your gmail account.

Source Codes For Create a PHP Send Email Contact Form

index.php

<!DOCTYPE html>
<html>
<head>
    <title>Send an Email</title>
</head>
<body>

<form id="myForm">
			<h2>Send an Email</h2>

<label>Email</label>
			<input id="email" type="text" placeholder="Enter Email">
			<br><br>

<label>Subject</label>
			<input id="subject" type="text" placeholder=" Enter Subject">
			<br><br>

<p>Message</p>
			<textarea id="body" rows="5" placeholder="Type Message"><textarea>
			<br><br>

<button type="button" onclick="sendEmail()" value="Send An Email">Submit</button>
		</form>
	</center>

if (isNotEmpty(name) && isNotEmpty(email) && isNotEmpty(subject) && isNotEmpty(body)) {
                $.ajax({
                   url: 'sendEmail.php',
                   method: 'POST',
                   dataType: 'json',
                   data: {
                       name: name.val(),
                       email: email.val(),
                       subject: subject.val(),
                       body: body.val()
                   }, success: function (response) {
                        $('#myForm')[0].reset();
                        $('.sent-notification').text("Message Sent Successfully.");
                   }
                });
            }
        }

function isNotEmpty(caller) {
            if (caller.val() == "") {
                caller.css('border', '1px solid red');
                return false;
            } else
                caller.css('border', '');

return true;
        }
    </script>

</body>
</html>

sendEmail.php

<?php
use PHPMailer\PHPMailer\PHPMailer;

if(isset($_POST['name']) && isset($_POST['email'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $subject = $_POST['subject'];
    $body = $_POST['body'];

require_once "PHPMailer/PHPMailer.php";
    require_once "PHPMailer/SMTP.php";
    require_once "PHPMailer/Exception.php";

$mail = new PHPMailer();

//smtp settings
    $mail->isSMTP();
    $mail->Host = "smtp.gmail.com";
    $mail->SMTPAuth = true;
    $mail->Username = "youremail@gmail.com";
    $mail->Password = 'yourpassword';
    $mail->Port = 465;
    $mail->SMTPSecure = "ssl";

//email settings
    $mail->isHTML(true);
    $mail->setFrom($email, $name);
    $mail->addAddress("youremail@gmail.com");
    $mail->Subject = ("$email ($subject)");
    $mail->Body = $body;

if($mail->send()){
        $status = "success";
        $response = "Email is sent!";
    }
    else
    {
        $status = "failed";
        $response = "Something is wrong: <br>" . $mail->ErrorInfo;
    }

exit(json_encode(array("status" => $status, "response" => $response)));
}

Download Source Files

If the download didn't start automatically, click here.

We only allow you to publish relevant and respectful comments. Vulgar, hateful, or spam comments will be removed.

UnknownFebruary 26, 2021 at 10:06 AM
Hello, very good tutorial! I wanted to know if instead of replacing a css style I could replace one class with another? And what would the structure be like?
UnknownMarch 6, 2021 at 12:39 PM
hello thank you for evey think
but code does not runing into my laptop
ThumulaJune 7, 2021 at 1:16 AM
that's coz you haven't turn on
PrashantAugust 10, 2021 at 4:16 AM
Code doesn't work
UnknownAugust 12, 2021 at 9:29 PM
this code doesn't work on live

AnonymousDecember 5, 2021 at 1:08 AM
Is there a way I can convert to this program to send emails to a list of email addresss?
UnknownDecember 6, 2021 at 9:09 PM
Thanks (from Bangladesh)😘
WizzyDecember 18, 2021 at 4:37 AM
Hello I have a question please
Cristian CardonaJanuary 28, 2022 at 12:07 PM
Thanks My Friend for the tutorial.
UnknownMarch 8, 2022 at 6:05 AM
There is a probleme
AnonymousMay 20, 2022 at 8:21 AM
Thank you so much! Finally found a way to send contact form information through mail by following this tutorial! You're amazing!
May I ask if you have any ideas about how to send attachments this way? Or have you done any other tutorials I can follow for something similiar to that?
JulienJuly 4, 2022 at 1:42 PM
Hey, thanks for the tuto. Its really helpfull
The form is working for me if and only if i dont have a '@' in the email input
Do you know how where it can coming from or how to have a return of the error ?
Cheers, Julien
AnonymousFebruary 10, 2023 at 2:55 AM
Hello, this tutorial works like a charm. Thank you so much for that.

However, I cannot modify it to suit my need. I want to only let people send their name and email address, but every time I remove the subject and message box it will not send anything to my email. How can I achieve so?

Wednesday, January 13, 2021

Create a PHP Send Email Contact Form - using PHPMailer - Step by Step

Description

Source Codes For Create a PHP Send Email Contact Form

index.php

sendEmail.php

Featured Post

Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript

Popular Posts

Tags

Contact Form

Wednesday, January 13, 2021

Create a PHP Send Email Contact Form - using PHPMailer - Step by Step

Description

Source Codes For Create a PHP Send Email Contact Form

index.php

sendEmail.php

Follow Us on

Featured Post

Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript

Popular Posts

Tags

Contact Form