{"id":97,"date":"2024-01-09T14:17:26","date_gmt":"2024-01-09T07:17:26","guid":{"rendered":"http:\/\/www.rumahweb.com\/journal\/membuat-form-kontak.htm"},"modified":"2024-07-04T17:05:24","modified_gmt":"2024-07-04T10:05:24","slug":"cara-membuat-form-kontak","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-form-kontak\/","title":{"rendered":"Cara Membuat Form Kontak Melalui Script PHP Sederhana"},"content":{"rendered":"\n

Setiap website modern <\/em>menggunakan form sebagai sarana untuk berinteraksi antara pengunjung dengan pemilik website. Form juga bisa digunakan sebagai tempat untuk memberikan apresiasi, saran maupun kritik dari pengunjung website. Karenanya dalam panduan ini, kami akan berbagi cara membuat form kontak melalui script <\/em>php sederhana yang bisa anda gunakan.<\/p>\n\n\n\n\n\n

Pada panduan membuat form kontak Ini, kami akan menjelaskan konsepnya secara sederhana. Dari konsep sederhana ini, Anda dapat mengembangkannya untuk membuat ;<\/p>\n\n\n\n

    \n
  1. Form kontak yang lebih lengkap.<\/li>\n\n\n\n
  2. Forum diskusi.<\/li>\n\n\n\n
  3. Pengiriman email notifikasi dari halaman website, dan masih banyak lagi. <\/li>\n<\/ol>\n\n\n\n

    Di artikel ini, kami akan membuat form sederhana menggunakan PHP sebagai script utamanya, Bootstrap untuk mempercantik tampilan dan autentikasi SMTP untuk keamanan.<\/p>\n\n\n\n

    Kami akan membuat form semacam bukutamu yang terkirim ke email, bukan ke database. Selain menggunakan email domain yang telah Anda order, Anda juga bisa menggunakan email Gmail. Penasaran kan bagaimana cara membuat form kontaknya?<\/p>\n\n\n\n

    Membuat email account<\/h2>\n\n\n\n

    Langkah pertama yang perlu Anda lakukan untuk membuat form kontak adalah mempersiapkan email yang akan digunakan. Bila Anda ingin menggunakan email @domain.com yang telah Anda pesan, maka Anda perlu membuat emailnya terlebih dahulu melalui cPanel hosting. Langkahnya ;<\/p>\n\n\n\n

      \n
    1. Login ke cPanel<\/a>.<\/li>\n\n\n\n
    2. Klik Menu Email Account<\/strong>. <\/li>\n\n\n\n
    3. Klik tombol Create <\/strong>yang ada di sebelah kanan. <\/li>\n\n\n\n
    4. Pada kolom alamat email, silakan dibuat akun email yang ingin Anda gunakan. Kemudian pada kolom password, isi dengan password email Anda. <\/li>\n\n\n\n
    5. Klik tombol Create yang ada di bagian paling bawah. <\/li>\n<\/ol>\n\n\n\n

      Anda dapat mengikuti panduan cara membuat email di cPanel<\/a> untuk lebih jelasnya.<\/p>\n\n\n\n

      Membuat tampilan form utama<\/h2>\n\n\n\n

      Tampilan utama ini menggunakan file index.php.<\/p>\n\n\n\n

      <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Formulir Kontak<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\n  <style>\n    body {\n      background-color: #f8f9fa;\n    }\n\n    .container {\n      background-color: #dce1f5;\n      border-radius: 10px;\n      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n      padding: 30px;\n      margin-top: 50px;\n    }\n\n    h2 {\n      color: #324aa8;\n    }\n\n    label {\n      font-weight: bold;\n    }\n\n    .btn-primary {\n      background-color: #324aa8;\n      border: none;\n    }\n\n    .btn-primary:hover {\n      background-color: #0056b3;\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-md-6 offset-md-3\">\n      <h2 class=\"mb-4\">Form Kontak Menggunakan PHP<\/h2>\n      <form action=\"sendmail.php\" method=\"post\">\n        <div class=\"form-group\">\n          <label for=\"name\">Nama Lengkap:<\/label>\n          <input type=\"text\" class=\"form-control\" id=\"name\" name=\"name\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"email\">Alamat Email:<\/label>\n          <input type=\"email\" class=\"form-control\" id=\"email\" name=\"email\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"message\">Pesan Anda:<\/label>\n          <textarea class=\"form-control\" id=\"message\" name=\"message\" rows=\"4\" required><\/textarea>\n        <\/div>\n        <button type=\"submit\" class=\"btn btn-primary\">Kirim Pesan<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
      Membuat Form script <\/em>penerima respon<\/h2>\n\n\n\n
      Script penerima respon ini kami beri nama sendmail.php.<\/p>\n\n\n\n
      <?php\n\/\/ Ini adalah script yang menerima request dari Form Kontak index.php \nuse PHPMailer\\PHPMailer\\PHPMailer;\nuse PHPMailer\\PHPMailer\\SMTP;\nuse PHPMailer\\PHPMailer\\Exception;\n\nrequire 'vendor\/autoload.php'; \/\/ Pastikan Anda telah menginstal PHPMailer melalui Composer\n\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\") {\n    $name = $_POST[\"name\"];\n    $email = $_POST[\"email\"];\n    $message = $_POST[\"message\"];\n\n    $mail = new PHPMailer(true);\n\n    try {\n        \/\/ Konfigurasi SMTP\n        $mail->isSMTP();\n        $mail->Host       = 'smtp.example.com'; \/\/ Ganti menggunakan server SMTP Anda\n        $mail->SMTPAuth   = true;\n        $mail->Username   = 'your_username'; \/\/ Ganti menggunakan username SMTP Anda\n        $mail->Password   = 'your_password'; \/\/ Ganti menggunakan password SMTP Anda\n        $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; \/\/ Gunakan ENCRYPTION_SMTPS jika Anda menggunakan SSL\n        $mail->Port       = 587; \/\/ Ganti menggunakan port SMTP Anda\n\n        \/\/ Set pengirim dan penerima\n        $mail->setFrom($email, $name);\n        $mail->addAddress('recipient@example.com'); \/\/ Ganti menggunakan alamat email penerima\n\n        \/\/ Set isi email\n        $mail->isHTML(true);\n        $mail->Subject = 'Pesan dari Formulir Kontak';\n        $mail->Body    = $message;\n\n        \/\/ Kirim email\n        $mail->send();\n        echo 'Pesan Anda berhasil dikirim ke alamat tujuan';\n    } catch (Exception $e) {\n        echo \"Yah, ... Pesan gagal dikirim. Kesalahannya adalah: {$mail->ErrorInfo}\";\n    }\n}\n?><\/code><\/pre>\n\n\n\n
      Anda bisa mengisi script SMTP tersebut dengan email domain maupun email gmail. Berikut petunjuk pengisian untuk keduanya.<\/p>\n\n\n\n
      Email Domain<\/strong><\/p>\n\n\n\n