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:

• Membuat Website Professional dengan PHP & MySql - PART #1 : Pengertian Dasar & Tools
• Membuat Website Professional dengan PHP & MySql - PART #2 : Setup Database, Table & Hirarki Folder
• Membuat Website Professional dengan PHP & MySql - PART #3 : Membuat Login Admin & Dashboard
• Membuat Website Professional dengan PHP & MySql - PART #4 : Customized Login Admin & Dashboard
• Membuat Website Professional dengan PHP & MySql - PART #5 : Membuat Halaman Profile Admin & Integrasi Gravatar
• Membuat Website Professional dengan PHP & MySql - PART #6 : Manajemen Halaman
• Membuat Website Professional dengan PHP & MySql - PART #7 : Manajemen Kategori
• Membuat Website Professional dengan PHP & MySql - PART #8 : Manajemen Post
• Membuat Website Professional dengan PHP & MySql - PART #9 : Manajemen Password Admin
• Membuat Website Professional dengan PHP & MySql - PART #10 : Pengaturan Global, Htaccess & Halaman Frontend
• Membuat Website Professional dengan PHP & MySql - PART #11 : Halaman About & 404
• Membuat Website Professional dengan PHP & MySql - PART #12 : Halaman Blog & Single Post
• Membuat Website Professional dengan PHP & MySql - PART #13 : Halaman Kategori & Search
• Membuat Website Professional dengan PHP & MySql - PART #14 : Upload ke Hosting & Pengaturan Database

#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

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

I’d love to hear from you, leave a Reply!

Submit