Bagaimana Cara Membuat Formulir WordPress dengan Date Time Picker?

Diterbitkan: 2022-04-25

Ingin memungkinkan pengguna Anda untuk memilih tanggal dan waktu di formulir WordPress Anda? Tetapi tidak tahu cara membuat formulir pemilih waktu tanggal WordPress? Maka, tutorial mudah ini hanya untuk Anda.

Jika Anda berpikir bahwa menambahkan kalender pemilih waktu tanggal ke formulir kontak Anda adalah tugas yang menakutkan, sebenarnya tidak. Faktanya, dengan plugin dan alat formulir kontak WordPress yang tepat, itu hanya sepotong kue.

Oleh karena itu, artikel ini akan memandu Anda melalui panduan langkah demi langkah untuk membuat formulir kontak yang komprehensif dengan kalender pemilih waktu tanggal. Jadi, teruslah membaca!

Daftar isi

Mengapa Menambahkan Pemilih Tanggal Waktu di Formulir WordPress Anda?

Pemilih waktu tanggal bukanlah sesuatu yang selalu perlu Anda tambahkan ke formulir WordPress Anda. Tetapi ada beberapa kasus khusus di mana pengguna Anda harus memilih tanggal dan waktu yang sesuai secara efektif bersama dengan informasi penting lainnya.

Mari kita asumsikan bahwa pengguna Anda ingin menjadwalkan janji temu untuk pemeriksaan kesehatan atau memesan meja restoran, dan seterusnya. Dalam kasus seperti itu, Anda perlu menambahkan pemilih waktu tanggal pada janji temu medis dan formulir pemesanan meja restoran Anda.

Demikian juga, pemilih tanggal dan waktu berguna saat pengguna Anda ingin meminta panggilan balik. Ini juga membantu jika karyawan atau siswa Anda ingin meminta cuti pada tanggal tertentu.

Tinggalkan Formulir Permintaan Membuat Formulir WordPress dengan Pemilih Tanggal Waktu

Seperti yang Anda lihat, ada banyak alasan mengapa Anda mungkin ingin menambahkan pemilih waktu tanggal di formulir WordPress Anda. Jadi, mari kita ketahui cara menambahkan pemilih waktu tanggal WordPress ke formulir Anda selanjutnya.


Bagaimana Cara Membuat Formulir WordPress dengan Date Time Picker?

Anda dapat mengikuti petunjuk sederhana yang diberikan di bawah ini untuk membuat formulir pemilih waktu tanggal WordPress dalam waktu singkat.

Langkah 1: Pilih Plugin Formulir WordPress Terbaik dengan Pemilih Tanggal Waktu WordPress

Pertama, Anda perlu memilih plugin formulir WordPress yang memungkinkan Anda membuat formulir kontak yang indah dengan pemilih tanggal dan waktu dengan mudah. Kami memahami bahwa memilih satu dari lautan pilihan sangat banyak. Itu sebabnya kami merekomendasikan menggunakan Formulir Everest.

Everest Forms Plugin WordPress Formulir Kontak Terbaik

Everest Forms adalah solusi pembuatan formulir seret dan lepas yang selalu hijau untuk membuat jenis formulir variabel yang memikat pengguna Anda. Apakah Anda ingin membuat formulir kontak sederhana, formulir panggilan balik, formulir pemesanan hotel online, atau formulir permintaan cuti, keinginan Anda akan dikabulkan.

Plugin ini menawarkan fitur-fitur terbaik seperti templat formulir yang telah dirancang sebelumnya, bidang formulir tidak terbatas, pemberitahuan email, logika kondisional cerdas, dan banyak lagi. Demikian juga, ia memiliki antarmuka yang bersih dan ramah pengguna. Dan jika Anda terjebak di mana saja, Anda dapat menghubungi tim dukungan yang ramah untuk menyelesaikan masalah Anda dengan cepat.


Langkah 2: Instal Plugin Formulir Everest

Untuk menginstal plugin Everest Forms di situs Anda, buka Plugin >> Add New dari dashboard WordPress Anda.

Plugin Tambah Baru

Ini akan mengarahkan Anda ke halaman Add Plugins . Di sini, Anda dapat mengetikkan nama plugin yang ingin Anda instal di bilah pencarian. Segera setelah Anda mengetik Formulir Everest, plugin ditampilkan langsung ke layar Anda. Sekarang, tekan tombol Instal Sekarang .

Memasang Plugin Formulir Everest

Terakhir, klik tombol Activate untuk mengaktifkan plugin di situs Anda.

Mengaktifkan Plugin Formulir Everest

Catatan: Jika Anda menyukai apa yang ditawarkan versi gratis dari plugin Everest Forms, Anda dapat meningkatkan ke versi pro untuk menikmati lebih banyak fitur dan fungsionalitas.


Langkah 3: Buat Formulir WordPress Baru

Setelah menginstal dan mengaktifkan plugin Everest Forms, buka Everest Forms >> Add New . Sekarang, dari halaman Tambahkan Formulir Baru , Anda dapat memilih dari berbagai Templat formulir yang dibuat sebelumnya atau mulai dari awal.

Navigasi dari Formulir Everest ke Add New

Apa pun opsi yang Anda pilih, antarmuka seret dan lepas plugin yang intuitif memungkinkan Anda membuat formulir yang diinginkan dengan mudah.

Tutorial ini akan menunjukkan cara membuat formulir kontak WordPress dengan pemilih waktu tanggal dari awal. Jadi, pertama, klik opsi Mulai Dari Awal .

Mulai dari Opsi Awal Buat Formulir Kontak WordPress dengan Pemilih Tanggal Waktu

Setelah itu, berikan nama yang sesuai untuk formulir Anda dan tekan tombol Lanjutkan .

Beri Nama Formulir Anda dan Lanjutkan

Jendela editor formulir akan terbuka. Dan sekarang, Anda dapat mulai menambahkan bidang formulir yang diperlukan ke formulir Anda.

Jendela Editor Formulir Buat Formulir Kontak WordPress dengan Pemilih Tanggal Waktu

Tambahkan Bidang Formulir yang Diperlukan dan Pemilih Tanggal Waktu

Anda dapat dengan mudah menyeret bidang formulir seperti Nama , Email , Telepon , dll., dari kiri dan menjatuhkannya ke area kosong di sisi kanan. Juga, Anda dapat menggunakan bidang formulir seperti Teks Baris Tunggal dan Teks Paragraf untuk mengambil informasi dalam satu baris dan formulir paragraf.

Demikian pula, untuk menambahkan kalender pemilih tanggal dan waktu ke formulir, seret bidang lanjutan Tanggal/Waktu dari tangan kiri dan jatuhkan ke area yang diperlukan.

Seret dan Jatuhkan Bidang Tanggal Waktu

Bidang tambahan lainnya juga dapat ditambahkan ke formulir Anda dengan cara yang sama. Belum lagi, Anda juga dapat mengatur ulang dan menyusun ulang bidang formulir sesuai kebutuhan. Cukup seret dan lepas bidang ke area yang diperlukan. Itu saja!

Menata Ulang Bidang Formulir

Sesuaikan Bidang Formulir dan Pemilih Tanggal Waktu

Dengan Everest Forms, sangat mudah untuk menyesuaikan bidang formulir sesuai keinginan Anda. Untuk ini, klik pada Opsi Bidang, dan Anda dapat mengedit label, deskripsi, dan lebih banyak lagi bidang formulir individual.

Formulir WordPress Opsi Bidang dengan Kalender Pemilih Tanggal Waktu

Sejalan dengan itu, Anda dapat mengklik bidang Tanggal/Waktu untuk menyesuaikannya dengan kebutuhan Anda. Anda dapat mengubah label dan formatnya tanpa kesulitan. Misalnya, kami telah memberi label sebagai Tanggal Pilihan . Demikian juga, berbicara tentang format, Anda dapat mengizinkan pengguna Anda untuk memilih tanggal, waktu, atau memilih keduanya dari sini.

Edit Label dan Format Formulir WordPress Tanggal dengan Kalender Pemilih Tanggal Waktu

Juga, Anda dapat memilih dari dua opsi pengaturan gaya untuk bidang tanggal/waktu, yaitu, Pemilih Tanggal dan Dropdown Tanggal.

Formulir WordPress Gaya Tanggal dengan Kalender Pemilih Tanggal Waktu

Date Picker memungkinkan pengguna Anda memilih tanggal dari menu tanggal gaya kalender, yang terlihat seperti ini dari frontend.

Gaya Pemilih Tanggal

Sebaliknya, Date Dropdown memungkinkan pengguna memilih tanggal dari menu tanggal dropdown. Pemilih tanggal dropdown terlihat seperti ini dari frontend.

Gaya Tarik-Turun Tanggal

Selain itu, Anda dapat menambahkan deskripsi singkat ke bidang tersebut dan bahkan membuat bidang tersebut wajib diisi sehingga pengguna tidak dapat melanjutkan tanpa mengisi bidang ini.

Tambahkan Deskripsi Bidang dan Jadikan Formulir WordPress yang Diperlukan dengan Kalender Pemilih Tanggal Waktu

Dan jika Anda menggulir sedikit ke bawah, Anda juga dapat menemukan Opsi Lanjutan dari mana Anda dapat menyesuaikan pengaturan tanggal dan waktu lebih lanjut. Dari sini, Anda dapat menambahkan teks placeholder dan memilih dari empat Format Tanggal yang berbeda.

Opsi Pengaturan Tanggal Waktu Tingkat Lanjut Formulir Kontak WordPress dengan Pemilih Waktu Tanggal

Belum lagi, Anda juga dapat memilih Interval waktu dan format .

Interval Waktu dan Format

Selain itu, opsi Nonaktifkan Tanggal memungkinkan Anda menonaktifkan tanggal di formulir Anda. Melakukannya akan menonaktifkan pengguna dari memilih tanggal tersebut.

Menonaktifkan Tanggal

Selain itu, Anda dapat memilih lokalisasi tanggal yang diinginkan untuk ditampilkan. Dan ada tiga Mode Tanggal berbeda yang dapat Anda pilih. Mereka Single, Range, dan Multiple. Mode tanggal tunggal memungkinkan pengguna untuk memilih satu tanggal. Mode penjaga memungkinkan pemilihan rentang tanggal yang sesuai. Pengguna dapat memilih beberapa opsi tanggal dengan mode Beberapa tanggal.

Opsi Pengaturan Tanggal Lanjutan Lainnya

Juga, Anda dapat mengatur tanggal default ke tanggal saat ini dan mengaktifkan tanggal minimum dan maksimum untuk pemilihan. Sekali lagi, jika Anda adalah pengguna tingkat lanjut, Anda dapat melakukan lebih banyak pada bidang tanggal dengan kelas CSS.


Langkah 4: Sesuaikan Pengaturan Formulir

Anda telah berhasil membuat formulir WordPress dengan kalender pemilih waktu tanggal, tetapi tidak lengkap kecuali Anda mengonfigurasi pengaturan formulir yang diperlukan. Jadi, di bawah ini kita akan berbicara secara singkat tentang konfigurasi formulir umum dan pengaturan email.

Konfigurasikan Pengaturan Formulir Umum

Untuk mengonfigurasi opsi pengaturan formulir umum, navigasikan ke Pengaturan >> Umum . Nama dan deskripsi formulir Anda dapat diedit dari sini. Anda juga dapat memasukkan pesan penonaktifan formulir dan pesan formulir sukses.

Pengaturan Umum Formulir Permintaan Panggilan Kembali

Dengan opsi Redirect To , Anda dapat mengizinkan pengguna Anda untuk mendarat di URL atau halaman yang mereka minati setelah mereka mengirimkan formulir.

Redirect Ke Pilihan

Opsi Desain Tata Letak dan Kelas Formulir memungkinkan Anda memilih dari berbagai desain formulir dan menambahkan kelas ke formulir Anda. Di bawah bagian Tombol Kirim , Anda dapat menambahkan teks tombol kirim yang diinginkan, teks pemrosesan tombol kirim, dan kelas tombol kirim.

Konfigurasi Tombol Kirim

Selanjutnya, Anda dapat melindungi formulir Anda dari spam dengan mengaktifkan honeypot anti-spam. Demikian juga, biarkan pengguna Anda mengirimkan formulir tanpa memuat ulang dengan mengaktifkan pengiriman formulir ajax. Anda juga dapat mengaktifkan atau menonaktifkan penyimpanan informasi entri sesuai dengan kebutuhan Anda.

Konfigurasikan Pengaturan Email

Pengaturan email memungkinkan Anda untuk mengonfigurasi di mana email harus dikirim setelah pengiriman formulir. Kabar baiknya adalah Everest Forms memungkinkan konfigurasi beberapa notifikasi email. Misalnya, notifikasi email admin dipicu ke admin, sedangkan notifikasi email pengguna dipicu ke pengguna.

Anda dapat menavigasi ke Pengaturan >> Email untuk mengonfigurasi pengaturan email. Pertama, pastikan opsi pengaturan email diaktifkan untuk mulai mengelola notifikasi email. Kemudian, Anda dapat mulai mengatur notifikasi email admin.

Opsi Pengaturan Email

Pada kolom To Address , masukkan alamat email tujuan pengiriman email. Karena kami sedang mengkonfigurasi email admin, Anda dapat memasukkan email admin di sini. Lebih baik lagi, Anda dapat menggunakan tag pintar {admin_email} untuk menangkap alamat email admin secara otomatis.

Bagian Dari Nama menampilkan nama pengguna yang mengirimkan formulir. Anda dapat menangkap nama pengguna menggunakan tag pintar. Semudah itu! Namun, Anda perlu memastikan bahwa Anda membuat bidang nama diperlukan sehingga tidak akan ada masalah selama pengiriman email.

Dari Alamat memungkinkan Anda menambahkan alamat email dari mana formulir dikirim. Jadi, Anda dapat menambahkan email admin di sini juga.

Balas Ke memungkinkan memasukkan alamat email yang ingin Anda balas setelah Anda menerima email. Oleh karena itu, Anda dapat menggunakan tag pintar seperti sebelumnya untuk mengambil email pengguna Anda.

Di atas segalanya, Anda juga dapat menambahkan subjek email dan pesan . Menggunakan tag pintar {all_fields} dalam pesan email akan menampilkan semua informasi bidang formulir yang diisi oleh pengguna Anda, termasuk tanggal dan waktu.

Mengatur Subjek dan Pesan Email

Sekarang untuk mengatur pemberitahuan email baru, Anda dapat mengklik tombol Tambah Email Baru .

Tambahkan Tombol Email Baru

Setelah itu, beri nama. Misalnya, jika Anda menyetel email pengguna, Anda dapat menamakannya Notifikasi Pengguna .

Nama Panggilan Email

Selanjutnya, Anda dapat mengatur notifikasi email pengguna seperti yang kami lakukan untuk admin sebelumnya.


Langkah 5: Tambahkan Formulir Pemilih Tanggal Waktu WordPress ke Situs Anda

Untuk membuat formulir Anda terlihat oleh pengguna Anda, Anda harus menambahkannya ke situs Anda terlebih dahulu. Formulir Everest memungkinkan Anda untuk menambahkan formulir WordPress Anda ke posting atau halaman atau di mana pun Anda merasa cocok.

Di sini, kami akan menunjukkan cara menambahkan formulir WordPress Anda dengan kalender pemilih waktu tanggal ke postingan.

Dari dasbor Anda, navigasikan ke Posting >> Add New .

Tambahkan Posting Baru

Kemudian, klik tombol Tambah blok (+) di bagian atas. Sekali lagi, cari blok Everest Forms dan klik.

Blok Bentuk Everest

Sekarang, tekan pada menu dropdown untuk memilih formulir yang diperlukan.

Pilih Formulir Kontak WordPress Formulir yang Diperlukan dengan Kalender Pemilih Tanggal Waktu

Terakhir, berikan judul ke formulir Anda dan klik tombol Terbitkan untuk melihat formulir Anda beraksi. Selain itu, Anda dapat mempratinjau formulir Anda untuk melihat tampilan formulir Anda dari frontend sebelum ditayangkan.

Tombol Publikasikan dan Pratinjau

Atau, Anda dapat pergi ke Everest Forms >> All Forms dan salin kode pendek dari formulir yang diperlukan.

Menyalin Kode Pendek Formulir dengan Kalender Pemilih Tanggal Waktu

Selanjutnya, tempel kode pendek ke Postingan atau Halaman yang Anda suka. Terakhir, tekan tombol Publish .

Tempelkan Kode Pendek dan Terbitkan

Kesimpulan

Jadi, inilah cara Anda membuat formulir WordPress dengan pemilih waktu tanggal. Dengan Formulir Everest, Anda dapat menambahkan pemilih tanggal dengan gaya berbeda ke formulir Anda. Semua formulir yang Anda buat menggunakan plugin ini ramah seluler dan beradaptasi dengan sempurna untuk semua jenis dan ukuran layar.

Semoga, Anda dapat dengan mudah membuat formulir kontak WordPress dengan kalender pemilih waktu tanggal sekarang. Jika menurut Anda artikel ini bermanfaat, pastikan Anda membagikannya di platform sosial Anda juga.

Juga, Anda dapat mengikuti kami di Twitter dan Facebook untuk pembaruan lebih lanjut.

Masih punya waktu luang? Kemudian, Anda dapat memeriksa artikel kami tentang membuat formulir kontak WordPress dengan dua kolom dan formulir lamaran kerja.