Cara mudah untuk menambahkan bidang Date Time Picker ke checkout WooCommerce Anda

Pelajari cara menambahkan bidang baru seperti pemilih tanggal dan waktu pengiriman di formulir pembayaran WooCommerce Anda. Saya akan menunjukkan kepada Anda metode mudah dalam artikel ini menggunakan plugin. Anda akan melihat bagaimana menerapkan pemilih tanggal/waktu ke checkout WC.

Apakah pelanggan WooCommerce Anda menghubungi Anda untuk mengetahui tentang tanggal atau waktu pengiriman yang tepat? Akan menyenangkan untuk mengotomatiskan ini dan menghindari email/panggilan telepon tambahan ?

Pada artikel ini, saya akan menunjukkan kepada Anda cara menambahkan pemilih tanggal dan waktu pengiriman di checkout WooCommerce Anda dalam beberapa menit dengan sebuah plugin. Mari kita mulai!

Daftar isi

1. Pemilih Tanggal Waktu Checkout WooCommerce - Pengantar cepat
2. Tambahkan bidang Pemilih Tanggal - Plugin
3. Bagaimana cara menambahkan pemilih Tanggal Checkout WooCommerce - Langkah

Pemilih Tanggal Waktu Checkout WooCommerce - Intro

Saya menghargai waktu Anda. Itu sebabnya saya ingin menunjukkan kepada Anda efek terakhir terlebih dahulu . Dengan cara ini Anda akan yakin bahwa inilah yang Anda cari.

Saya memiliki gaya pembayaran default di toko saya (pelajari bagaimana Anda dapat mengatur milik Anda). Saya menggunakan tema etalase. Jadi, pemilih Tanggal Checkout WooCommerce saya terlihat seperti ini:

Tentu saja, Anda dapat menambahkan lebih banyak bidang (seperti bidang waktu) dan menyusunnya kembali.

Anda dapat menempatkan bidang baru di mana pun Anda inginkan di formulir pembayaran WooCommerce !

Juga, Anda dapat mengatur bidang ini sesuai kebutuhan jika perlu. Ada lebih banyak opsi seperti logika kondisional atau validasi khusus juga. Saya akan memberi tahu Anda lebih banyak tentang ini nanti di artikel ini.

Tambahkan bidang checkout baru (pemilih tanggal)

Jadi, mari kita lihat kotak pilihan dari bidang checkout WooCommerce baru - sebut saja pemilih tanggal pengiriman :

Saya tidak menetapkan rentang waktu apa pun. Namun, itu mungkin, tentu saja!

Di bawah ini Anda dapat melihat kotak pilih tempat saya mengatur rentang waktu:

• 3 hari sebelumnya
• 7 hari setelahnya

Lihatlah bidang dengan rentang tanggal maksimum:

Di mana saya bisa melihat nilai pelanggan?

Informasi tentang nilai dari pemilih tanggal pengiriman akan muncul di detail pesanan WooCommerce .

Bidang ini dapat diedit secara default. Artinya, pelanggan Anda dapat mengedit nilai kolom di halaman Akun Saya mereka.

Ini adalah bidang tanggal di Akun Saya - Alamat:

Dan ini adalah mode pengeditan:

Selain itu, pelanggan dapat mencari nilai bidang di Pesanan:

Jadi, saya harap ini yang Anda cari! Akibatnya, saya akan menunjukkan kepada Anda plugin apa yang perlu Anda konfigurasikan untuk menambahkan bidang tanggal pengiriman seperti itu di checkout WooCommerce Anda .

WooCommerce Checkout dengan Pemilih Tanggal - Plugin

Bidang Checkout Fleksibel memungkinkan Anda membuat pemilih Tanggal atau Waktu Checkout WooCommerce, tentu saja. Namun, Anda dapat melakukan lebih banyak lagi!

Ini adalah plugin yang memungkinkan Anda menyesuaikan bidang checkout WooCommerce! Misalnya, dengan plugin ini Anda dapat:

• dengan mudah menambahkan bidang khusus ke checkout WooCommerce,
• edit yang sekarang,
• atau mengatur ulang bidang di kasir dll.

Saya ingin Anda tahu bahwa lebih dari 236.703 toko menggunakan plugin ini di seluruh dunia setiap hari. Orang menilai plugin ini 4,6 dari 5 bintang .

Anda dapat mengunduh plugin ini secara gratis untuk menambahkan jenis bidang baru berikut:

• Teks
• Textarea
• Nomor
• Surel
• Telepon
• URL
• Kotak centang
• Warna
• Judul
• Gugus kalimat
• Gambar
• HTML

Namun, Anda memerlukan versi PRO untuk menambahkan pemilih Tanggal dan Waktu Checkout WooCommerce dan lebih banyak jenis bidang seperti:

• Multi-Kotak Centang
• Pilih
• Multi-Pilih
• Radio
• Waktu
• Radio dengan gambar
• Unggah File
• Radio dengan warna
• Tanggal

Bagaimana cara menambahkan pemilih Tanggal Checkout WooCommerce - Langkah

1. Pertama, beli dan instal plugin versi PRO. Beli plugin →
2. Lalu, buka WooCommerce → Bidang Checkout :
3. Selain itu, Anda dapat mengedit berbagai bagian di sini. Secara default, kami akan mengedit bagian Penagihan . Namun, Anda dapat menambahkan Datepicker Checkout WooCommerce di mana pun Anda mau.
   Plugin Bidang Checkout Fleksibel memungkinkan Anda menambahkan bidang khusus ke berbagai bagian checkout. Anda dengan mudah memodifikasi bagian Pemesanan, Pengiriman, atau Penagihan. Selain itu, Anda dapat menambahkan bidang sebelum atau sesudah:

   • detil pelanggan
   • Formulir Penagihan
   • Formulir Pengiriman
   • Formulir pendaftaran
   • Pesan Catatan
   • Tombol Kirim

   Ini mungkin Datepicker Checkout WooCommerce tetapi tidak harus. Seperti yang saya katakan sebelumnya, Bidang Checkout Fleksibel memungkinkan Anda membuat 10 jenis bidang.

4. Pilih Field Type , berikan Label dan klik tombol Add Field .
5. Setelah itu, Anda dapat mengubah pengaturan bidang baru ini. Lihat, Anda dapat mengatur rentang waktu di sini:
   Ada opsi Validasi seperti yang Anda lihat. Apakah Anda perlu menambahkan validasi khusus ke Pemilih Tanggal Checkout WooCommerce ini? Baca Panduan Validasi Kustom WooCommerce Checkout kami →
6. Opsi selanjutnya, Penampilan . Anda dapat mengatur kelas CSS Anda sendiri di lapangan. Beri gaya bidang tanggal pengiriman WooCommerce !
7. Dengan opsi Display On , Anda dapat mengatur tempat untuk menampilkan Datepicker Checkout WooCommerce. Misalnya, Anda dapat menyetel plugin untuk menampilkan kolom ini hanya di checkout . Dengan cara ini pengguna tidak akan dapat mengubah nilai bidang ini di Akun Saya.
8. Opsi terakhir: Lanjutan . Anda dapat mengonfigurasi logika kondisional di sini. Saya tidak akan membahas topik ini di artikel ini. Jika Anda memerlukan logika kondisional untuk bidang Anda, lihat Panduan Logika Kondisional kami →

Itu saja - kami baru saja menambahkan pemilih tanggal ke checkout WooCommerce. Selanjutnya, ingat Anda juga dapat menambahkan pemilih waktu!

Ringkasan

Singkatnya, dalam artikel ini, Anda telah mempelajari cara menambahkan bidang WooCommerce Checkout baru - Tanggal Pengiriman (dan Pemilih Waktu). Bagaimana Anda menyukai metode ini? Beri tahu kami di bagian komentar di bawah! Yang terpenting, ajukan pertanyaan apa pun kepada kami jika ada sesuatu yang tidak jelas bagi Anda.