Membuat form kontak dan kirim email menggunakan PHPMailer

Pada kesempatan kali ini saya akan membagikan tutorial cara membuat form kontak dan kirim email menggunakan PHPMailer. Mungkin ada yang belum tau apa itu PHPMailer ? PHP Mailer merupakan library yang digunakan untuk mengirimkan email menggunakan bahasa pemrograman PHP dari server web.

Mari kita siapkan alat dan bahan terlebih dahulu :

Download Library PHP Mailer terbaru | Disini |
Download Xampp terbaru | Disini | untuk membangun web server
Download Notepad++ terbaru | Disini | untuk menuliskan kode atau gunakan code editor yang kamu sukai

Tutorial membuat form kontak dengan html dan css sederhana :

tampilan form kontak

Ketikkan code css berikut dan masukan pada <style></style> atau namastyle.css


h1 {
    text-align: center;
    color: darkviolet;
 	margin-bottom:-30px;
}
.container {
    width: 100%;
    height: 100%;
    padding: 15px;
}

.row {
    display: flex;
    height: 300px;
    justify-content: center;
    align-items: center;
}

form#form {
    position:relative;
    background-color: antiquewhite;
    padding: 50px;
    margin-top:50px;
}

input#submit {
    background: lightcyan;
    font-size: 14px;
    font-weight: bold;
    color: coral;
}
hr{
    border: 1px solid #CDDC39;
}
img.powered {
    width: 50px;
    height: auto;
    position: absolute;
    top: 69px;
    right: 22px;
}

Ketikkan code html berikut dan masukkan pada file index.php

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tutorial Membuat Form Kontak dan Kirim Email (PHPMailer)</title>
   <link rel="stylesheet" href="css/style.css"/>
  </head> 
  <body>
 <div class="container">
   <div class="row">
       <form  method="post" action="mail.php" id="form">
   <a href="pongxkagame.blogspot.com"><img class="powered" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQSbQREFwGbwn7KFnQvKRQO11sFptn69TpjjCFSthcmZyu9VyBp_vBJjf8naivmC5eAk3ySozGW6WehlqreLlm_1i7nG8XcbdvR01EVtaQT6I8heRnkLAfjo9Idat_bEj8jeLeUgXdCg/s391/logo+pongkagame+1941+index.png" alt="pongkagame"></a>    
   <h1>Form Kontak</h1><br><br> 
   <hr>
   <label>Nama</label><br>
   <input type="text" name="nama" id="nama" /> <br><br>  
   <label>Subject</label><br>
   <input type="text" name="subject" id="subject" /> <br><br>   
   <label>Email</label><br>
   <input type="email" name="email" id="email"/> <br><br>  
   <label>Pesan</label><br>
   <textarea name="message" id="message" rows="4" cols="50"></textarea><br><br>
   <input type="submit" name="submit" id="submit" value="Submit">
   <hr>
      </form>
 </div>
   </div>
  </body>
</html>

Ketikkan kode php berikut dan masukkan pada file mail.php

<?php 
// POWERED BY PONGKAGAME.BLOGSPOT.COM//
use PHPMailer\PHPMailer\PHPMailer;

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

  $hostAdmin = "www.hostAdmin.com";
  $emailAdmin = "emailAdmin@mail.com";
  $passAdmin = "passAdmin123456";
  $nameAdmin = "nameAdmin";

  require 'PHPMailer/PHPMailer.php';
  require 'PHPMailer/SMTP.php';
  require 'PHPMailer/Exception.php';

  //Create a new PHPMailer instance
  $mail = new PHPMailer(true);
  //Enable SMTP debugging
  // 0 = off (for production use)
  // 1 = client messages
  // 2 = client and server messages
  $mail->SMTPDebug = 2;
  //Tell PHPMailer to use SMTP
  $mail->isSMTP();
  //Set the hostname of the mail server
  $mail->Host = $hostAdmin;
  $mail->SMTPAuth = true;
  //Username to use for SMTP authentication
  $mail->Username = $emailAdmin;
  //Password to use for SMTP authentication
  $mail->Password = $passAdmin;
  //Set the encryption system to use - ssl (deprecated) or tls
  $mail->SMTPSecure = 'ssl';
  $mail->SMTPOptions = array(
      'ssl' => array(
          'verify_peer' => false,
          'verify_peer_name' => false,
          'allow_self_signed' => true
      )
  );
  //Set the SMTP port number - 587 for authenticated TLS
  $mail->Port = 465;//->ssl(465);

  //Email Setting
  $mail->setFrom($email, $name);
  $mail->addAddress($emailAdmin, $nameAdmin);


     // Content
     $mail->isHTML(true);// Set email format to HTML
     $mail->Subject = $subject;

     $contentMessage = $message;

  $mail->msgHTML($contentMessage);
  
  //proses kirim email
  if (!$mail->send()) {
   $status = "error"; 
   $mail->Send();
  } else {
      $status = "success";
  }

}
?>

Struktur penempatan file secara sederhana

struktur sederhana

Download Source Code di bawah ini :

Download
Click here