Cara Membuat Form Kontak Kami Dengan PHP

DhikaDwiPradya.com – Mempunyai sebuah bisnis pribadi adalah suatu kebanggaan tersendiri bagi anda yang menjalankannya. Bisnis tersebut rasanya belum lengkap tanpa adanya website untuk media promosi online dalam dunia maya. Dan jika memang anda sudah memiliki sebuah web, tentunya agar memudahkan komunikasi dengan calon pelanggan, perlu adanya sebuah halaman khusus yang menyediakan form komunikasi seperti contohnya adalah Form Kontak Kami pada web anda.




Pada tutorial kali ini dibahas tentang cara membuat Form Kontak Kami dengan menggunakan bahasa PHP. Anda bisa menggunakan beberapa aplikasi yang mendukung bahasa PHP seperti :  Notepad++, EditPlus, DreamWeaver atau yang lainnya. Pada kesempatan ini saya menggunakan aplikasi Notepad, karena setiap komputer yang memakai sistem operasi Windows umumnya pasti memiliki aplikasi tersebut. Selanjutnya silahkan anda ikuti langkah-langkah berikut ini:

  • Buka aplikasi Notepad pada Start Menu Windows.
  • Masukkan listing program berikut ini:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>DhikaDwiPradya.com | Website Tutorial Pintar</title>
<style>
.mail{ width: 730px; margin: 10px auto; border: 1px solid #ddd; padding: 10px; }
.mail div{ padding: 5px 0; border-bottom: 1px solid #ddd; }
label{ width: 100px; display: inline-block; }
.bottom{ font-size: 12px; text-align: right; }
</style>
</head>

<body>
<div class=”mail”>
<div class=”top”><a href=”http://dhikadwipradya.com”>DhikaDwiPradya.com</a></div>
<h1>Kontak Kami</h1>
<form action=”send_mail.php” method=”post”>

<div>
<label for=”nama”>Nama</label>
<input type=”text” name=”nama”>
</div>

<div>
<label for=”email”>Email</label>
<input type=”text” name=”email”>
</div>

<div>
<label for=”subjek”>Subjek</label>
<input type=”text” name=”subjek”>
</div>

<div>
<label for=”pesan”>Pesan</label>
<textarea name=”pesan” id=”” cols=”30″ rows=”10″></textarea>
</div>

<div><input type=”submit” value=”Kirim Pesan”></div>

</form>
<div class=”bottom”><a href=”http://www.dhikadwipradya.com”>Kembali ke tutorial</a></div>
</div>
</body>
</html>




  • Simpan listing program di atas dengan nama file “mail.php”.
  • Selanjutnya buka Notepad ke-2 atau dengan klik FileNew.
  • Masukkan listing program berikut untuk file ke-2 tadi:

<?php
$nama=$_POST[‘nama’];
$email=$_POST[’email’];
$pesan=$_POST[‘pesan’];
$email2=’mail@dhikadwipradya.com’; //Ini adalah email penerima pesan. Silahkan ganti dengan email anda!!
$subjek=”No-reply”;
$to=$email2;

$pesan=”Nama : $nama <br>
Email : $email <br><br>
Pesan : “.$pesan;

$headers = “MIME-Version: 1.0” . “\r\n”;
$headers .= “Content-type:text/html;charset=iso-8859-1” . “\r\n”;

$headers .= ‘Dari: <visitor@email.com>’ . “\r\n”; //Ini adalah nama tampilan pada saat anda terima pesan. Silahkan ganti sesuai kebutuhan!!

@mail($to,$subjek,$pesan,$headers);
if(@mail)
{
echo”<script>alert(‘Pesan anda sudah terkirim! Terima kasih.’)</script>”;
echo”<script>location=’index.php'</script>”;
}
?>

  • Simpan listing program di atas dengan nama file “send_mail.php”.
  • Anda sudah mempunya dua file yang bernama php dan send_mail.php.
  • Selanjutnya upload file tersebut ke dalam folder public_html pada hosting anda, atau sesuai dengan kebutuhan anda.
  • Untuk mengetes keberhasilan jalannya program tersebut silahkan jalankan secara online file mail.php yang telah anda upload tadi. Jika anda menerima email dari keterangan yang sudah anda input pada Form Kontak Kami, maka program pembuatan form tersebut telah berhasil.

Demikianlah tutorial cara membuat Form Kontak Kami dengan PHP yang dapat saya bagikan. Semoga artikel ini bermanfaat bagi para pembaca.



Artikel Terkait:

Cara Membuat Website Dengan CMS WordPress

dhikadwipradya.com

[epiclink link = ‘http://dhikadwipradya.com/cara-membuat-website-dengan-cms-wordpress’ color = ‘btn btn-primary’ ]Selengkapnya[/epiclink]

 

Baca artikel lain:

5 Comments

  1. apakah ini setelah hosting baru bisa dites keberhasilannya atau bisa kah di tes menggunakan localhost. trimakasih

    • Bisa kak. Dan lebih ok juga kalau di tes dulu menggunakan localhost. Hanya kalau kakak menggunakan CMS wordpress atau lainnya, biasanya sudah disediakan halaman khusus comment/kontak kami.
      Dicoba saja dulu kak.

Leave a Reply to Akang Cancel reply

Your email address will not be published.


*