Mar 9, 2011
Tutorial php | Membuat Contact us dan Form Email
setelah lama absen ngeblog lebih dari 1 bulan karena pekerjaan yang menumpuk. akhirnya saya berkesempatan untuk ngeblog dengan mengambil topik pengiriman email melalui layanan contact us.
tentu banyak sekali situs-situs yang menyediakan layanan ini yaitu semata-mata untuk peningkatkan layanan suatu blog maupun situs. dan layanan ini merupakan komunikasi antara user dengan si empunya blog atau situs.
bagaimana cara membuatnya…
1. form contact us (index.php)
<html>
<head>
<title>Contact Us | kopi-paste.com</title>
<link rel="shortcut icon" href="icon.ico" />
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<!-- fungsi jquery untuk loadin ajax form email -->
<script>function loadingAjax(div_id,type){
$("#"+div_id).html('<div><img src="loader.gif"> loading...</div>');
$.ajax({
type: "POST",
url: "content.php",
data: "id="+ type,
success: function(msg){
$("#"+div_id).html(msg);
}
});
}</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" valign="top"><strong>Hubungi Kami</strong></td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td valign="top"><strong>Admin</strong></td>
<!-- onclick memanggil fungsi loading ajax (div id=contactus,value=1) -->
<td align="right" valign="top"><strong><a href="#contact" onClick="loadingAjax('contactus',1);">hubungi kami ></a></strong></td>
</tr>
<tr>
<td colspan="2" valign="top">Hubungi kami jika kamu ada masalah dalam pendaftaran, aktivasi member, gagal login, lupa password, cara menggunakan fitur-fitur, dan mendapatkan error.<br />
<br />Silahkan luangkan waktu kamu sebentar untuk memberikan saran dan kritik kepada kami yang bertujuan untuk memperbaiki dan kemajuan situs kami.</td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td valign="top"><strong>Sales dan Finance Iklan (Kampanye Komersial)</strong></td>
<td align="right" valign="top"><strong><a href="#contact" onClick="loadingAjax('contactus',2);">hubungi kami ></a></strong></td>
</tr>
<tr>
<td colspan="2" valign="top">Hubungi kami jika kamu mempunyai pertanyaan atau ada masalah dalam pemasangan iklan (Kampanye Komersial).</td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td valign="top"><strong>Kerjasama (Partnership) </strong></td>
<td align="right" valign="top"><strong><a href="#contact" onClick="loadingAjax('contactus',3);">hubungi kami ></a></strong></td>
</tr>
<tr>
<td colspan="2" valign="top">Hubungi kami jika kamu ingin mengadakan kerjasama dengan kami.</td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<!-- tempat dimana onclick form email akan di load oleh fungsi loading ajax -->
<td colspan="2" valign="top"><div id="contactus"></div></td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
</tr>
<tr>
<td colspan="2" valign="top"><b>Our Office:</b></td>
</tr>
<tr>
<td colspan="2" valign="top"><a style="text-decoration:none;" href="http://kopi-paste.com">kopi-paste.com</a>
<br /> Malang, Indonesia</td>
</tr>
<tr>
<td colspan="2" valign="top">Phone: +6221 ********</td>
</tr>
</table>
</body>
</html>
file diatas adalah halaman utama contact us yang berfungsi untuk memilih contact mana yang akan ditujukan oleh user.
2. Form email content.php
<? php $id = $_POST['id']; ?>
<form id="contact" name="contact" method="post" action="sendcontact.php">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td colspan="2"><strong>Contact Us Form</strong></td>
</tr>
<tr>
<td valign="top">Contact to</td>
<td valign="top"><? php if($id==1) { ?> <input name="contact_to" value="1" type="hidden" size="30" maxlength="50" />Admin
<?php } else if($id==2) { ?> <input name="contact_to" value="2" type="hidden" size="30" maxlength="50" />Sales dan Finance Iklan
<?php } else if($id==3) { ?> <input name="contact_to" value="3" type="hidden" size="30" maxlength="50" />Kampanye
<?php } else {} ?>
</td>
</tr>
<tr>
<td valign="top">Name</td>
<td valign="top"><input name="name" type="text" size="30" maxlength="50" />
<td valign="top"><input name="username" type="hidden" size="30" maxlength="50" value="<? echo $g_username; ?>" /></td>
</tr>
<tr>
<td valign="top">Email</td>
<td valign="top"><input name="email" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Phone</td>
<td valign="top"><input name="phone" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Company</td>
<td valign="top"><input name="company" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Location</td>
<td valign="top"><input name="location" type="text" value="City, Country" size="30" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Subject/Topic</td>
<td valign="top"><input name="subject" type="text" size="30" maxlength="100" /></td>
</tr>
<tr>
<td valign="top">Detail</td>
<td valign="top"><textarea name="detail" cols="40" rows="3" wrap="physical"></textarea></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"><input type="submit" name="Submit" value="Send" /></td>
</tr>
</table>
</form>
3. sendcontact.php
<?php
$ip=$_SERVER['REMOTE_ADDR'];
$username = $_POST[username];
$contact_to = $_POST[contact_to];
$name = $_POST[name];
$email = $_POST[email];
$phone = $_POST[phone];
$company = $_POST[company];
$location = $_POST[location];
$subject = "[Contact]".$_POST[subject];
$detail = $_POST[detail];
if ($contact_to == 1) { $contact_des = "admin@kopi-paste.com.com"; }
else if ($contact_to == 2) { $contact_des = "advertising@kopi-paste.com"; }
else if ($contact_to == 3) {$contact_des = "marketing@kopi-paste.com"; }
else { $contact_des = "admin@kopi-paste.com"; }
$msg= "$detail";
if (mail($contact_des,$subject,$msg,
"From: $email\nContent-type: text/html; charset=iso-8859-1\nReply-To: $email\nX-Mailer: PHP/" . phpversion())) {
echo "email terkirim"; }
else {
echo "email gagal"; } ?>
semoga artikel ini bermanfaat 
mau tanya mas untuk admin cara membukanya gmn? maksudnya kalo ada pengunjung yang menggunakan contact us nanti saya bukanya gmn yah??
Waau kodenya banyak tapi sedikit-sedikit saya bisa mengikutinya… teirma kasih mas.. ohya saya sudah kasih link
Kopi-Paste memang banyak ilmunya…
saya masih baru karenanya, blog ini sangat saya rekomendasikan.. boleh dong mas saya tautkan linknya…
saya sudah pasang
klo script ini langsung dikirimkan ke email agan, jadi tinggal set ajah di scriptnya mau ditujukan ke email mana..
semoga membantu
udah saya pasang balik linknya mas
@mas kurtubi: kodenya emang banyak mas di htmlnya, tapi phpnya sedikit ama sedikit bumbu ajax
, semoga bermanfaat
nice post. thx gan
artkel yang menarik, tapi mohon maaf sebelumya, apakah mr.boz sudah membuktikan keberhasilannya, beberapa kali saya mendownload & mempraktekan form dengan PHP tapi selalu gagal, padahal saya sudah mengikuti langkah2nya dengan cermat juga sever saya support php…mohon bantuannya
untuk mas mistyfan. script itu sudah saya coba dan sukses. coba masuk ke demo dan coba kirim email. script ini juga di pakai di sini silahkan di test
klo boleh tau yang gagal dimananya gan?
apa dalam pengiriman email?
mas mau nanya nih . cara nya menggabungkan Contact us Form Email dengan capcha anti spam gimana ya ? kalau boleh tau script nya gmn ya .
klo menggabungkan contact us ama capcha bisa pake punya google gan.. daftar ajah di sini gan
nanti dapat API nya.. untuk contoh penggunaan nanti bisa anda ikutin setelah mendaftar google captcha.. semoga membantu gan..
mas kenapa error di send contac nya nih pesan nya
Warning: mail() [function.mail]: Failed to connect to mailserver at “localhost” port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set() in C:\AppServ\www\cvkatonart\New Folder\sendcontact.php on line 19
salah nya dimana?
itu error karena anda menggunaka webserver lokal.. atau localhost atau memakai xampp.. jadi mailnya g bisa terkirim.. untuk bisa mencoba anda harus punya hosting sendiri..
sebenarnya jg bisa mengirim email menggunakan lokalhost tapi anda harus membuat konfigurasi terlebih dahulu di mail server localhost nya.. port? incoming? outgoing? username? password? tetapi cara ini agak ribet.
ok. dah thnks mas ..
Mantap memang kopi paste….
maaf masbro saya mautanya kenapa error ya ketika saya jalankan!! udah saya buat sama dan emaailnya sudah saya ganti erornya di : Warning: Failed to Connect in c:\apache\htdocs\xxx\sendcontact.php on line 19
email gagal
“From: $email\nContent-type: text/html; charset=iso-8859-1\nReply-To: $email\nX-Mailer: PHP/” . phpversion())) {
echo “email terkirim”; }
else {
echo “email gagal”; }
mohonpencerahan ya
klo boleh tau.. muncul errornya gmn gan?
klo misalnya dijalanin dilocalhost emang g bisa. harus di hostingnya agan.
ane kagak gt tau gan, soalnya baru belajar n itun karna skripsi gan gw bth bgt
posisinya di :“From: $email\nContent-type: text/html; charset=iso-8859-1\nReply-To: $email\nX-Mailer: PHP/” . phpversion())) {
please helpmeeee
please gan gw mau sidang
ngobrol di pingbox ajah gan lebih enak.. tuh ada di sebelah kanan post ini.. ane tunggu gan. sapa tau ane bisa bantu
wuih canggih gan…sangat membantu
mas kalu mw di psang di sub domain gimana ya caranya.
bisa ajah mas. tinggal taruh di directory sub domainnya om..