Membuat Contact us dan Form Email dengan PHP Cahaya Metha
[email protected] :: http://cimet15.blogspot.com/
Abstrak Seperti yang kita tahu bahwa website merupakan sarana untuk berbagi, baik dengan sesama rekan offline maupun rekan online yang bahkan belum kita kenal sama sekali. baik untuk bersirahturahmi maupun keperluan lain bahkan sebagai saran dan kritik untuk web kita sehingga kita harus menghubungi seseorang tersebut, nah salah satu cara untuk menghubungi orang tersebut adalah dengan melalui email yang disediakan pada contact us di website kita. Kata Kunci:email,website,contact
Pendahuluan Contact Us dan Form email merupakan suatu hal yang penting dan tidak bisa terpisahkan dari sebuah website. Tujuan pembuatan formulir contact us ini adalah untuk memudahkan para pengunjung menyampaikan keluhan, saran, pertanyaan, ataupun hal lain-lain. Pembuatan Formulir Contact Us / Email ini bertingkat-tingkat, ada yang mudah, ada yang agak sedikit rumit dan ada juga yang melalui php buatan sendiri. Pada tulisan berikut ini saya akan berbagi tentang bagaimana membuat form kontak dan mengirim pesannya ke email dalam bahasa php.
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pembahasan Kita mulai dari membuat 3 script php berikut : 1. form contact us (index.php)
Contact Us<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);" rel="nofollow">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> Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br />
<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);" rel="nofollow">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);" rel="nofollow">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" rel="nofollow">kopi-paste.com</a> <br /> Malang, Indonesia</td> </tr> <tr> <td colspan="2" valign="top">Phone: +6221 ********</td> </tr> </table> </body> </html><br />
<br />
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br />
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> Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br />
</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><br />
<br />
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@kopipaste.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\nReplyTo: $email\nX-Mailer: PHP/" . phpversion())) { echo "email terkirim"; } else { echo "email gagal"; } ?><br />
<br />
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br />
Tampilan form kontak yang sudah jadi<br />
<br />
Selesai semoga artikel ini bermanfaat.<br />
<br />
Penutup Form kontak adalah salah satu bagian penting yang harus ada dalam sebuah website. Anda bisa lihat website-website yang pernah anda kunjungi, semuanya pasti menyediakan form kontak ini. Form kontak biasanya digunakan sebagai media komunikasi yang nantinya mengirimkan pesan langsung ke email pemilik website<br />
<br />
Referensi http://kopi-paste.com/2011/03/09/tutorial-php-membuat-contact-us-dan-form-email/ http://www.zainalhakim.web.id/posting/membuat-form-kontak-dengan-html-danphp.html<br />
<br />
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br />
Biografi Nama<br />
<br />
: Cahaya Metha<br />
<br />
TTL<br />
<br />
: Jakarta, 15 Januari 1993<br />
<br />
Hobi<br />
<br />
: Membaca<br />
<br />
No HP<br />
<br />
: 0898-8159-009<br />
<br />
FB<br />
<br />
: http://facebook.com/gissellcimet<br />
<br />
Alamat<br />
<br />
: Kotabumi - Tangerang<br />
<br />
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/membuat-contact-us-dan-form-dengan-php" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "Membuat Contact us dan Form dengan PHP"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> 
