Membuat Aplikasi Contact Form dengan PHP

contact form

Aplikasi contact form merupakan salah satu bagian dari website yang penting. Dengan aplikasi ini pengunjung dapat mengirimkan pesan melalui website kepada pengelola website tersebut.

Fungsi PHP untuk email yang digunakan dalam contact form:

mail($kepada,$judul,$pesan,$dari);

Langsung saja kita mulai membuat contact form dengan PHP seperti diatas. Sebelumnya silahkan unduh terlebih dahulu source code editor WYSIWSG yang akan kita gunakan. Saya menggunakan CKeditor 4.4.7 Standard. Teman-teman bisa menggunakan editor yang lain, atau tidak menggunakan editor (tampilan textarea default).

Unduh CKeditor

Buat file kontak.php

<html>
<head>
<title>Form Kontak</title>
<script src="ckeditor/ckeditor.js"></script>
</head>
<body>
	<form name="form" method="POST" action="kontak.php">
		<table>
			<tr height="35">
				<td width="40">Nama</td>
				<td width="10">:</td>
				<td><input type="text" name="nama" placeholder="Nama Lengkap Anda"></td>
			</tr>
			<tr height="20">
				<td>Email</td>
				<td>:</td>
				<td><input type="text" name="email" placeholder="email.anda@domain.com"></td>
			</tr>
			<tr height="35">
				<td>Judul</td>
				<td>:</td>
				<td><input type="text" name="judul" placeholder="Judul Pesan Anda"></td>
			</tr>
			<tr height="35">
				<td valign="top">Pesan</td>
				<td valign="top">:</td>
				<td><textarea class="ckeditor" name="pesan"></textarea></td>
			</tr>
			<tr height="35">	
				<td></td>
				<td></td>
				<td><input type="submit" name="kirim" value="Kirim"></td>
			</tr>
		</table>
    </form>
<?php
if(isset($_POST['kirim'])){
	//ambil variabel dari form
	$nama	= $_POST['nama'];
	$email	= $_POST['email'];
	$judul 	= $_POST['judul'];
	$pesan	= $_POST['pesan'];
	//alamat email
	$kepada = "surya@blogchem.com";
	$dari 	= "from: $nama <$email> \r\n";
	//agar email mendukung format html
	$dari 	.= "Content-type: text/html \r\n";
	
	mail($kepada,$judul,$pesan,$dari);
	echo "<h3>Pesan Anda telah terkirim</h3>";
}
?>
</body>
</html>

Letakkan file kontak.php dan file CKeditor.zip yang telah diekstrak dalam satu folder. Kemudian unggah di web hosting dan coba hasilnya.

Lihat hasil contact form

Pesan masuk (tampilan sesuai dengan penyedia atau aplikasi email yang teman-teman gunakan)

pesan

Leave a Reply

Your email address will not be published. Required fields are marked *