LOADING . . .

Membuat Website Professional dengan PHP MySql - PART #15 : Halaman Contact & Email



Sampai juga di akhir seri Membuat Website Professional dengan PHP & MySql, seperti yang sudah saya sampaikan sebelumnya di part 15 ini saya akan membuat halaman contact yang nantinya terdapat sebuah form yang langsung terhubung dengan email. Sebelumnya seperti biasa silahkan dilihat terlebih dahulu beberapa posting terkait berikut:

#1 Membuat Halaman Contact

Mengapa halaman contact ini saya buat paling belakang? jawabannya adalah karena saya akan menggunakan sebuah fungsi PHP yaitu mail(). Untuk referensi tentang fungsi mail() bisa dilihat di web fungsi mail() php atau di web w3schools. Dari apa yang saya alami di berbagai web hosting, tidak semua hosting mengaktifkan fungsi mail() secara default, jadi tergantung hosting provider masing2 dan versi PHP itu sendiri.

  • Hidupkan XAMPP anda atau jika anda sudah meng-uplodnya ke hosting, Baca kembali Membuat website professional dengan PHP & Mysql Part 14;
  • Buka cpanel anda >> File Manager >> Folder Instalasi website anda (hospital.nawadwipa.id) >> Cari icon + Files kemudian beri nama contact.php 
  • Bagi yang masih bekerja di localhost, seperti biasa buat file php baru dan beri nama contact.php (tanpa .php) dan simpan di dalam folder hospital
  • Copy kode berikut dan simpan 
    <?php include "header.php"; ?>
    <?php
    $notify = '';
    $notifyClass = '';
    
    if(isset($_POST['name'])){
        
        $email = $_POST['email'];
        $name = $_POST['name'];
        $subject = $_POST['subject'];
        $message = $_POST['message'];
    
        
        if(!empty($email) && !empty($name) && !empty($subject) && !empty($message)){
    
            if(filter_var($email, FILTER_VALIDATE_EMAIL) === false){
                $notify = 'Email Anda salah. Silakan ketikan alamat email yang benar.';
                $notifyClass = 'errordiv';
            }else{
                
                $toEmail = 'me@adityasubawa.com'; 
                $emailSubject = 'Pesan website dari '.$name;
                $htmlContent = '
    via Form Kontak Website
    Nama : '.$name.'
    Email : '.$email.'
    Subject : '.$subject.'
    Message : '.$message.'';
    
                $headers = 'From: '.$name.'<'.$email.'>'. "\r\n";
               
                
                if(mail($toEmail,$emailSubject,$htmlContent,$headers)){
                    $notify = 'Pesan Anda sudah terkirim dengan sukses !';
                    $notifyClass = 'succdiv';
                }else{
                    $notify = 'Maaf pesan Anda gagal terkirim, silahkan ulangi lagi.';
                    $notifyClass = 'errordiv';
                }
            }
        }else{
            $notify = 'Harap mengisi semua field data';
            $notifyClass = 'errordiv';
        }
    }
    ?>
    <!-- bradcam_area_start  -->
        

    Contact

    Home / Contact

    <!-- bradcam_area_end --> <!-- ================ contact section start ================= -->

    Get in Touch

    <?php if(!empty($notify)){ ?>

    <?php echo $notify; ?>

    <?php } ?> <form class="form-contact contact_form" action="<?php echo $base_url;?>contact#notif" method="post">
    <textarea class="form-control w-100" name="message" id="message" cols="30" rows="9" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Message'" placeholder=" Enter Message"></textarea>
    <input class="form-control valid" name="name" id="name" type="text" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" placeholder="Enter your name">
    <input class="form-control valid" name="email" id="email" type="email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" placeholder="Email">
    <input class="form-control" name="subject" id="subject" type="text" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Subject'" placeholder="Enter Subject">
    <button type="submit" class="button button-contactForm boxed-btn">Send</button>
    </form>
    <?php echo $address;?>

    <?php echo $phone;?>

    Mon to Fri 9am to 6pm

    <?php echo $email;?>

    Send us your query anytime!

    <!-- ================ contact section end ================= --> <?php include "footer.php";?>
  • Penjelasan kode diatas sederhana saja yaitu form contact akan mengirim data ke email tujuan 
    $toEmail = 'me@adityasubawa.com'; 
    Dan jika field terisi maka akan dieksekusi dengan menggunakan fungsi mail() 
    if(mail($toEmail,$emailSubject,$htmlContent,$headers)){
                    $notify = 'Pesan Anda sudah terkirim dengan sukses !';
                    $notifyClass = 'succdiv';
                }else{
                    $notify = 'Maaf pesan Anda gagal terkirim, silahkan ulangi lagi.';
                    $notifyClass = 'errordiv';
                }

Baca Juga: EF Adults Kursus Bahasa Inggris Profesional

#2 Email

Hasil test saya pada halaman contact form terkeirim dengan baik seperti terlihat pada gambar berikut

Screen Shot 2020-04-19 at 20.51.59

Sekian tutorial seri Membuat Website Professional dengan PHP & MySql, bagi yang ingin file nya untuk pembelajaran dan pengembangan silahkan anda download disini.