Formulir Kontak Ajax

  • Whatsapp
Formulir Kontak Ajax

Source Code : Formulir Kontak Ajax

Auhtor : S_N_K
Kategori : PHP Script
Harga Resmi : $19 (Single License)
Order Via : CodeCanyon ( $19 – Single License )
Order Via : Nextcloud ( $19 IDR 190.000 – Single License )
Order Via : Nextcloud ( IDR 190.000 β‡’ IDR 19.000 – License Bersama )
Live Demo : Live Demo Formulir Kontak Ajax

Keyword : ajax,contact,css,email,form,html,javascript,mailer,php,register form,responsive,submit,template,upload form,validation

Bacaan Lainnya

Formulir Kontak Ajax - 1

Inside Pack

Fitur Baru Ditambahkan: Pembuat Formulir

  • Sekarang Anda dapat membuat formulir kontak Anda sendiri sesuai dengan kebutuhan Anda.
  • Yang perlu Anda lakukan hanyalah menyeret dan melepas blok elemen formulir yang telah ditentukan sebelumnya seperti Kotak teks nama, Kotak teks email, Area teks alamat, blok captcha, Blok unggahan file, Nomor ponsel, dll.
  • Cukup seret elemen Anda dan atur ulang sesuai kebutuhan Anda.
  • Pratinjau formulir Anda dan simpan. (Anda akan mendapatkan semua file php yang Anda butuhkan). \) ”Title =” πŸ™‚ ”/>

Opsi Tema Kualitas Tinggi

  • Tema yang digunakan dalam paket ini dibuat dengan fitur yang sangat mumpuni seperti css3 dan bootsrap.

Penuh Responsif

  • Ini menyediakan tata letak responsif
  • Konten harus diposisikan secara otomatis sesuai dengan ukuran perangkat.
  • Ini dapat ditampilkan dengan baik di perangkat apa pun seperti seluler dan tablet.

Retina Display Siap

  • Semuanya dibuat dengan coding.
  • Tidak ada Gambar langsung yang digunakan.
  • Semua bentuk tampilan sangat indah dengan kualitas tampilan yang tinggi.

Kode Modern Bersih

  • Formulir dibuat dengan menggunakan HTML dan Script PHP.
  • Baik sintaks HTML dan PHP mudah dimengerti.
  • Pengguna dapat menyesuaikannya dengan pengetahuan dasar tentang HTML dan PHP.

Opsi pengalih gaya

Formulir Kontak Ajax - 2

  • Pengalih gaya digunakan untuk beralih ke tata letak yang berbeda <./ li>
  • Ini Memberikan 12 warna yang telah ditentukan sebelumnya.
  • 2 Opsi tata letak: Tata letak layar lebar & Tata letak kotak.
  • Ini Menyediakan 14 pola, Yang digunakan dengan tata letak kotak.
  • Opsi ini tersedia di setiap halaman, sehingga Anda dapat dengan mudah menentukan tampilan halaman dalam gaya yang berbeda.

CSS 3 & Bootstrap

  • Ini menggunakan teknik css3 untuk mendesain tata letaknya.
  • Dengan css3, kita dapat menampilkan setiap elemen dengan pilihan gaya yang berbeda.
  • Bootstrap dikenal dengan sistem tata letak gridnya.
  • Bootstrap sangat mudah dimengerti, ini menyediakan tata letak yang responsif.
  • Jadi dengan css3 dan bootarap, kita dapat membuat tema dan tata letak yang efektif dan cantik dengan sangat mudah.

HTML 5

  • Jika Anda menyukai kode yang sederhana, elegan, dan mudah dibaca maka HTML5 adalah yang terbaik untuk Anda. HTML5 memungkinkan Anda untuk menulis kode yang jelas dan deskriptif.
  • Elemen formulir baru seperti angka, tanggal, waktu, kalender, dan rentang juga ditambahkan di HTML5.
  • Ini juga mendukung tampilan audio dan Video di halaman web.
  • HTML5 menjadi standar baru di dunia IT.
  • HTML5 lebih cepat dan lebih murah dan memberikan teknik modern untuk membuat halaman web.
  • HTML5 memungkinkan Anda melakukan hal-hal yang sebelumnya tidak mungkin dilakukan dengan HTML.

Dukungan Ajax

  • AJAX adalah teknik untuk membuat halaman web yang cepat dan dinamis.
  • AJAX memungkinkan halaman web diperbarui secara asinkron, yang berarti ajax memungkinkan kita untuk menyegarkan beberapa bagian halaman web yang harus diperbarui bukan seluruh halaman web.
  • Halaman lain, yang tidak menggunakan ajax akan menyegarkan seluruh halaman akan dimuat ulang setiap saat.
  • dalam paket ini semua formulir dikirimkan dengan ajax.

Validasi

  • Semua formulir berisi validasi yang dibuat menggunakan jquery.
  • Formulir Kontak Ajax - 3

  • Ini Memberikan validasi inline.
  • Formulir tidak dikirim sampai semua validasi mengembalikan nilai true.
  • Sangat mudah untuk dipahami, pengguna dapat dengan mudah menambahkan validasi baru atau menghapus validasi yang sudah ada.

Dukungan SMTP

    Formulir Kontak Ajax - 4
  • SMTP Menyediakan otentikasi tinggi saat mengirim email menggunakan mailer php.
  • Untuk menggunakan SMTP, Anda harus melakukan perubahan berikut seperti yang ditunjukkan pada gambar.
  • Pertama-tama Anda harus membuat akun Anda dengan SMTP.
  • Untuk menggunakan otentikasi SMTP, Anda harus mengaktifkan $ mail-> SMTPAuth = TRUE, Jika tidak maka otentikasi tidak akan diterapkan.
  • Setelah itu Anda harus mengatur Server SMTP dengan memberikan detail host.
  • Anda harus mengatur nomor port untuk mengirim email.
  • Kemudian, Anda harus menulis nama pengguna dan kata sandi akun SMTP aktif Anda.
  • Dengan konfigurasi ini Anda dapat dengan mudah menggunakan layanan smtp.

Surat Berita

    Formulir Kontak Ajax - 5
  • Form kontak dengan opsi berlangganan news letter, disini jika user ingin berlangganan news letter maka email pengguna akan disimpan ke dalam database di tabel newsletter, dan juga mengirimkan email.

GeoLocation

    Formulir Kontak Ajax - 6
  • Formulir kontak dengan opsi geolokasi, yang memberikan lokasi geografis pengirim dengan peta yang dibuat secara otomatis.
  • Ini Ditampilkan di bagian bawah formulir, Juga kirim dengan email.
  • Dengan penerima ini bisa mendapatkan lokasi geografis pengirim saat ini.

Deteksi Lokasi

  • Formulir kontak dengan deteksi lokasi, ini menyediakan lokasi pengirim seperti kota, negara bagian, negara, dll.
  • Lokasi terdeteksi secara otomatis menggunakan alamat ip pengguna.

Verifikasi Manusia

    Formulir Kontak Ajax - 7
  • Formulir kontak dengan verifikasi manusia memberikan captcha ke dalam formulir.
  • Captcha adalah teks yang dibuat secara otomatis.
  • Pengguna dapat menyegarkan kode captcha, jika tidak terlihat.
  • Formulir tidak dikirimkan sampai pengguna menulis kode captcha yang benar.

Lampiran File

  • Ini Menyediakan 2 jenis lampiran File: Lampiran File Tunggal dan Beberapa lampiran file.
  • Kontak dengan lampiran file tunggal, Ini memungkinkan file tunggal telah dilampirkan dengan email, di sini Anda dapat memberikan ukuran file maksimum untuk dilampirkan dan juga menentukan ekstensi file yang diizinkan. jika Anda tidak memerlukan jenis validasi ini, beri komentar atau hapus kode itu dari skrip.
  • Formulir kontak dengan beberapa lampiran file, mendukung semua jenis file dengan ekstensi yang valid dan file dengan ukuran apa pun yang diizinkan oleh phpmailer dapat dilampirkan dengan email. Di sini Anda juga dapat menerapkan ukuran file maksimum dan ekstensi file yang diizinkan sesuai dengan kebutuhan Anda, untuk menggunakan ini Anda harus menghapus komentar dari kode seperti yang ditentukan dalam skrip.

Dukungan Multi Bahasa

  • Formulir kontak dengan berbagai bahasa, memungkinkan terjemahan multi bahasa.
  • Dalam paket ini tersedia 8 bahasa: Inggris (default), Spanyol, Prancis, Jerman, Denmark, Jepang, Italia, dan Portugis.
  • Ini menyediakan Dropdown dari berbagai bahasa, pengguna dapat dengan mudah beralih dari satu bahasa ke bahasa lain.

Pengalihan Halaman

  • Formulir kontak dengan pengalihan, memungkinkan untuk mengarahkan ke halaman / url baru pada pengiriman formulir ajax yang berhasil menggunakan ajax.
  • Dalam bentuk lain itu akan tetap di halaman yang sama dan menampilkan pesan pemberitahuan di bagian atas formulir.

Kirim Ke Saya

  • Kontak dengan dikirim ke saya, Berikut email dikirim ke penerima dan juga salinan email ke pengirim pada pengiriman formulir yang berhasil.
  • Email yang dikirim ke pengirim dapat dikirim menggunakan metode CC atau BCC.

Dukungan Database

  • Kontak dengan save to database, Disini data form akan disimpan ke dalam database pada saat pengiriman form berhasil, maka akan muncul notifikasi kepada pengguna apakah data tersebut akan disimpan ke dalam database atau tidak. kemudian Anda dapat mengomentari kode tampilan atau menghapusnya dari skrip.
  • Untuk ini anda harus membuat database terlebih dahulu ke phpmyadmin.
  • file sql database tersedia ke dalam folder database, Anda baru saja mengimpornya.

Gunakan langkah-langkah berikut untuk membuat database di phpmyadmin.

  • Masuk ke cPanel atau jika menggunakan wamp buka localhost
  • Buka phpMyAdmin dengan mengklik ikon atau tinta phpMyAdmin.
  • Layar berikut akan muncul ketika Anda mengklik phpmyadmin.
  • Formulir Kontak Ajax - 8

  • Pilih database di menu sebelah kiri yang akan Anda gunakan atau buat database baru.
  • Klik Impor di menu atas
  • Di bawah File to Import, klik Browse dan pilih file backup yang Anda buat sebelumnya (itu akan menjadi file .sql .zip atau .tar.gz).
  • Klik Go di kanan bawah
  • Ketika database telah berhasil diimpor, Anda akan melihat pesan di bagian atas halaman yang mirip dengan: Impor telah berhasil diselesaikan, ## kueri dijalankan.

  • Setelah pembuatan database berhasil, Anda harus mengkonfigurasi file konfigurasi yang berada di folder php.
  • file ini terlihat seperti berikut,
  • Formulir Kontak Ajax - 9

  • Sini mysql_connect ($ HOST_NAME, $ USER_NAME, $ PASSWORD)
  • Dalam fungsi ini parameter pertama $ HOST_NAME nilai harus “lacalhost”, jika database Anda ada di mesin klien (di pc lokal), atau harus nama domain jika ada di server.
  • Parameter kedua $ USER_NAME nilai harus username, itu harus “root” jika Anda bekerja di localhost.
  • Parameter ketiga $ PASSWORD digunakan untuk kata sandi, jika Anda telah menerapkan perlindungan kata sandi ke database, Anda harus menuliskannya ke dalamnya. Ini bisa kosong.
  • Setelah itu Anda harus terhubung ke database yang ingin Anda gunakan, untuk itu Anda harus menentukan nama database ke dalam fungsi mysql_select_db ($ DATABASE_NAME, $ con) di mana $ DATABASE_NAME akan menjadi nama database.
  • Jika koneksi tidak dibuat itu akan menghasilkan pesan kesalahan.
  • Jika tidak ada pesan kesalahan yang ditampilkan maka koneksi Anda berhasil dibuat.

Semua Bidang Didukung

  • Kontak dengan semua elemen formulir, Formulir ini berisi semua elemen formulir html5 yang valid seperti textbox, radiobutton, combobox, dropdownlist, textarea dll .. dengan validasi.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *