Home » Membuat Script Kontak Form dengan PHP

Membuat Script Kontak Form dengan PHP

kontak form css

Dengan menambahkan kontak form di website yang dibuat, bisa menjadi alternative untuk berkomunikasi dengan pemilik situs, banyak situs yang memiliki kontak form, tetapi kontak form yang dibuat tidak dapat diakses sehingga email yang dikirim tidak sampai. Hal ini bisa menyebabkan kerugian dikedua belah pihak :). Cukup basa-basinya, disini saya akan membagikan script kontak form PHP yang bisa berjalan baik di hosting.

File pertama yang akan dibuat adalah index.php sebenarnya file ini hanya berisi syntax HTML jadi tidak ada script PHP yang terdapat didalamnya.

<html>
<title>Kontak Form PHP</title>
<head>
<link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<h2>Contact Form</h2>
<div id="contact-area">
<table></table>
<form method="POST" action="mail.php" name="contact">
<label for="nama">Nama *:</label>
<input type="text" name="nama" id="Name" />
<label for="company">Company:</label>
<input type="text" name="company" id="Company" />
<label for="Alamat">Alamat *:</label>
<input type="text" name="alamat" id="Alamat" />
<label for="Email">Email *:</label>
<input type="text" name="email" id="Email" />
<label for="Telp">Telephone *:</label>
<input type="text" name="Telp" id="Telp" />
<label for="Website">Website :</label>
<input type="text" name="website" id="Website" />
<label for="Pesan">Pesan *:</label><br />
<textarea name="pesan" rows="20" cols="20" id="pesan"></textarea>
<br>* mandatory<br>
<input type="submit" name="submit" value="Submit" />
</form>
</table>
</div>
</html>

screenshoot index.php
contact form php
Seperti tampilan diatas masih sangat berantakan, untuk mempercantik tampilannya kita akan membuat css untuk form diatas

#contact-area {
width: 532px;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 371px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 100px;
float: right;
}
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
font-size: 1.2em;
}

screenshoot index.php setelah ditambah css
kontak form css
Agar email tersebut diatas diperlukan script PHP untuk proses pengirimannya, scriptnya dapat dilihat dibawah ini
mail.php

<?php
$name = $_POST['nama'];
$email = $_POST['email'];
$phone = $_POST['telp'];
$company= $_POST['company'];
$address= $_POST['alamat'];
$website = $_POST['website'];
$message = $_POST['pesan'];
$formcontent=" From: $nama \n Email : $email \n No. Telephone: $telp \n Website: $website \n Address : $alamat \n Perusahaan : $company \n Message: $pesan";
$recipient = "anda@domain.com";
$subject = "Kontak Form";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "<meta http-equiv=\"refresh\" content=\"0; url=index.php\">";
?>

ingat untuk mengganti anda@domain.com menjadi email anda sendiri.

Download :

Download “Script Contact Form PHP” email.zip – Downloaded 565 times –

13 thoughts on “Membuat Script Kontak Form dengan PHP”

      1. Trus kalau letakk’in script mail.php untuk proses pengirimannya di model ya gan ? Maklum newbie gan :)

    1. kalo itu masalahnya mungkin di mail server yang digunakan, di coba ngirim dari komputer lokal atau server/shared hosting?

Leave a Reply

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