Cara Mudah Tambahkan Tombol Instant Complete Order di WooCommerce

Saat mengelola pesanan WooCommerce secara manual, efisiensi adalah kunci terutama jika Anda menangani volume tinggi atau alur kerja fulfillment yang kustom.

Biasanya, untuk mengubah status pesanan menjadi “Selesai”, Anda harus membuka pesanan, memilih status dari dropdown, lalu mengklik “Perbarui”. Ini adalah langkah tambahan yang bisa terasa berulang jika dilakukan sering.

Dalam tutorial developer singkat ini, saya akan menunjukkan cara menambahkan tombol “Complete Order”langsung ke halaman edit pesanan di admin WooCommerce. Tombol ini muncul di samping aksi “Perbarui” yang sudah ada dan memungkinkan Anda menyelesaikan pesanan secara instan dengan satu klik—tanpa perlu mengubah status secara manual terlebih dahulu.

Ini mungkin penyempurnaan UI yang kecil, tetapi bisa menghemat waktu dan mengurangi gesekan dalam tugas harian manajemen pesanan. Yang terbaik, solusinya hanya membutuhkan cuplikan PHP ringan yang bisa Anda tambahkan ke tema atau plugin kustom Anda. Selamat mencoba!

PHP Snippets: Cara Menampilkan Tombol Complete Order di Edit Order WooCommerce

Cuplikan kode ini menambahkan tombol “Complete Order”yang profesional ke halaman edit pesanan WooCommerce di admin WordPress.

Cara Kerja:

1. Hook yang Digunakan:

• Menggunakan kode untuk menempatkan tombol di bagian aksi pesanan (setelah tombol “Perbarui”).
• Fungsi baru: kode memastikan kompatibilitas dengan WooCommerce versi terbaru.

1. Proses Pengecekan:

• Memverifikasi bahwa pesanan adadan belum berstatus “Selesai”.
• Hanya admin dengan izin kode yang bisa melihat tombol ini ( keamanan tambahan).

1. Mekanisme AJAX:

• Membuat URL khusus yang terhubung ke handler WooCommerce ( kode ).
• Mengirim data penting: ID pesanan, status target ( kode ), dan nonce keamananuntuk mencegah akses ilegal.

1. Tampilan & Interaksi:

• Tombol didesain dengan warna hijau modern, ikon Dashicons ( kode ), dan efek hover untuk UX yang intuitif.
• Konfirmasi pop-upmuncul saat diklik untuk mencegah perubahan tidak sengaja.

Manfaat untuk Toko Anda:

• Hanya satu klikuntuk menyelesaikan pesanan—tanpa perlu dropdown atau tombol “Perbarui”.
• Mengurangi 2 langkah manual, ideal untuk toko dengan proses order yang padat atau tim operasional yang sibuk.
• Ringan dan siap pakai—cukup tambahkan snippet ke tema/plugin tanpa beban performa.

Contoh Penggunaan:

• Toko dengan fulfillment manual(misalnya produk custom/pre-order).
• Admin yang sering memproses pesanan massaltetapi ingin menghindari repetisi.

Kode ini telah dioptimalkan untuk WooCommerce 5.0+dan mendukung prinsip clean codeserta keamanan. 🛡️

...