TokoDaring.Com – Memahami Hook woocommerce_review_order_after_shipping di WooCommerce untuk Menambahkan Informasi Setelah Bagian Pengiriman.

Memahami Hook woocommerce_review_order_after_shipping di WooCommerce untuk Menambahkan Informasi Setelah Bagian Pengiriman

WooCommerce menyediakan sistem hook yang sangat fleksibel sehingga developer dapat menyesuaikan hampir setiap bagian dari halaman checkout tanpa harus memodifikasi file inti plugin. Salah satu hook yang cukup bermanfaat dalam proses kustomisasi checkout adalah woocommerce_review_order_after_shipping. Hook ini memungkinkan Anda menambahkan konten tepat setelah informasi pengiriman ditampilkan pada tabel ringkasan pesanan. Posisi tersebut sangat strategis karena pelanggan biasanya akan memperhatikan metode pengiriman dan biaya kirim sebelum melanjutkan ke proses pembayaran.

Bagi developer pemula, mempelajari hook woocommerce_review_order_after_shipping merupakan langkah yang baik untuk memahami bagaimana WooCommerce menyusun halaman checkout menggunakan action hook. Bagi developer tingkat menengah maupun mahir, hook ini dapat dimanfaatkan untuk menampilkan berbagai informasi dinamis seperti estimasi pengiriman, pemberitahuan wilayah layanan, kebijakan pengiriman, hingga informasi tambahan berdasarkan metode pengiriman yang dipilih pelanggan. Artikel ini membahas fungsi hook, cara kerjanya, contoh implementasi, serta praktik terbaik agar kode tetap aman, efisien, dan kompatibel dengan pembaruan WooCommerce.

Mengenal Hook woocommerce_review_order_after_shipping

Hook woocommerce_review_order_after_shipping merupakan action hook yang dijalankan setelah WooCommerce selesai menampilkan bagian pengiriman pada tabel ringkasan pesanan di halaman checkout. Dengan adanya hook ini, developer dapat menambahkan baris atau informasi tambahan tanpa perlu mengubah template bawaan WooCommerce.

Karena termasuk action hook, fungsi yang dikaitkan dengan hook ini hanya bertugas menampilkan konten. Umumnya fungsi tersebut menggunakan echo untuk menghasilkan HTML atau memanggil template khusus yang berisi tampilan tambahan. Pendekatan ini membuat proses kustomisasi menjadi lebih sederhana serta memudahkan proses pemeliharaan ketika WooCommerce diperbarui.

Dalam implementasi nyata, hook ini sering digunakan untuk menampilkan estimasi waktu pengiriman, informasi mengenai pengemasan produk, pemberitahuan biaya tambahan pada wilayah tertentu, kebijakan pengiriman barang khusus, maupun informasi lain yang berkaitan langsung dengan proses distribusi pesanan.

Contoh Dasar Penggunaan Hook

add_action( 'woocommerce_review_order_after_shipping', 'custom_shipping_notice' );

function custom_shipping_notice() {

    echo '<tr>';
    echo '<td colspan="2">';
    echo 'Pesanan akan diproses setelah pembayaran berhasil diverifikasi.';
    echo '</td>';
    echo '</tr>';

}

Kode di atas menambahkan satu baris informasi baru tepat setelah bagian pengiriman pada tabel ringkasan checkout.

Cara Kerja Hook woocommerce_review_order_after_shipping

Halaman checkout WooCommerce dibangun menggunakan template yang terdiri dari berbagai action hook. Ketika pelanggan membuka halaman checkout, WooCommerce akan menjalankan hook tersebut secara berurutan sehingga developer dapat menambahkan maupun memodifikasi tampilan tanpa melakukan override terhadap file inti plugin.

Hook woocommerce_review_order_after_shipping dipanggil segera setelah metode pengiriman beserta biaya kirim berhasil ditampilkan. Karena posisinya berada sebelum subtotal akhir dan total pembayaran selesai diproses, informasi yang ditambahkan masih berkaitan erat dengan proses pengiriman sehingga pelanggan dapat langsung mempertimbangkannya sebelum melanjutkan pembayaran.

Perlu diperhatikan bahwa halaman checkout menggunakan AJAX untuk memperbarui informasi ketika pelanggan mengubah alamat pengiriman maupun metode pengiriman. Oleh sebab itu, kode yang dijalankan melalui hook ini sebaiknya ringan dan tidak melakukan proses yang memerlukan waktu lama agar pembaruan checkout tetap berlangsung dengan cepat.

Contoh Menampilkan Estimasi Pengiriman

add_action( 'woocommerce_review_order_after_shipping', 'shipping_estimation_notice' );

function shipping_estimation_notice() {

    echo '<tr>';
    echo '<td colspan="2">';
    echo 'Estimasi pengiriman adalah dua hingga empat hari kerja.';
    echo '</td>';
    echo '</tr>';

}

Contoh Menampilkan Informasi Berdasarkan Metode Pengiriman

add_action( 'woocommerce_review_order_after_shipping', 'flat_rate_information' );

function flat_rate_information() {

    $chosen_methods = WC()->session->get( 'chosen_shipping_methods' );

    if ( ! empty( $chosen_methods ) && $chosen_methods[0] === 'flat_rate:1' ) {

        echo '<tr>';
        echo '<td colspan="2">';
        echo 'Pengiriman reguler memiliki estimasi waktu dua hingga lima hari kerja.';
        echo '</td>';
        echo '</tr>';

    }

}

Implementasi Hook woocommerce_review_order_after_shipping untuk Berbagai Kebutuhan Bisnis

Salah satu alasan banyak developer menggunakan woocommerce_review_order_after_shipping adalah karena hook ini dapat digunakan untuk menampilkan informasi yang relevan dengan proses pengiriman tanpa mengganggu alur checkout. Setelah pelanggan memilih metode pengiriman, mereka biasanya ingin mengetahui informasi tambahan seperti estimasi waktu tiba, jadwal pengemasan, ketentuan pengiriman, maupun layanan tambahan yang tersedia. Dengan memanfaatkan hook ini, seluruh informasi tersebut dapat ditampilkan pada waktu yang tepat sehingga pelanggan lebih yakin sebelum melanjutkan ke proses pembayaran.

Dalam implementasi yang lebih kompleks, hook ini dapat dikombinasikan dengan berbagai data yang tersedia di WooCommerce. Developer dapat mengambil informasi dari keranjang belanja, metode pengiriman yang dipilih, lokasi pelanggan, metadata produk, maupun data pengguna yang sedang login. Kemampuan ini memungkinkan setiap pelanggan melihat informasi yang berbeda sesuai dengan kondisi transaksi mereka sehingga pengalaman checkout menjadi lebih personal dan informatif.

Selain meningkatkan pengalaman pengguna, penggunaan hook ini juga dapat membantu mengurangi beban layanan pelanggan. Banyak pertanyaan mengenai estimasi pengiriman, jadwal pengemasan, maupun syarat pengiriman dapat dijawab langsung pada halaman checkout. Dengan demikian pelanggan memperoleh informasi yang dibutuhkan sebelum melakukan pembayaran sehingga peluang terjadinya kesalahpahaman menjadi lebih kecil.

Contoh Menampilkan Informasi Berdasarkan Wilayah Pengiriman

add_action( 'woocommerce_review_order_after_shipping', 'regional_shipping_notice' );

function regional_shipping_notice() {

    $customer = WC()->customer;

    if ( $customer && $customer->get_shipping_state() === 'JK' ) {

        echo '<tr>';
        echo '<td colspan="2">';
        echo 'Pengiriman ke wilayah Jakarta umumnya tiba dalam satu hari kerja.';
        echo '</td>';
        echo '</tr>';

    }

}

Contoh Menampilkan Informasi Berdasarkan Total Belanja

add_action( 'woocommerce_review_order_after_shipping', 'free_packaging_notice' );

function free_packaging_notice() {

    if ( WC()->cart->subtotal >= 1000000 ) {

        echo '<tr>';
        echo '<td colspan="2">';
        echo 'Pesanan Anda mendapatkan layanan pengemasan premium tanpa biaya tambahan.';
        echo '</td>';
        echo '</tr>';

    }

}

Praktik Terbaik Menggunakan woocommerce_review_order_after_shipping

Walaupun hook ini cukup mudah digunakan, terdapat beberapa praktik terbaik yang sebaiknya diterapkan agar kode tetap mudah dipelihara dan kompatibel dengan pembaruan WooCommerce. Salah satunya adalah memastikan bahwa informasi yang ditampilkan memang berkaitan langsung dengan pengiriman. Hindari menambahkan konten promosi yang terlalu panjang atau elemen yang tidak relevan karena dapat mengurangi fokus pelanggan ketika menyelesaikan checkout.

Aspek keamanan juga harus menjadi perhatian utama. Apabila informasi yang ditampilkan berasal dari database atau masukan pengguna, gunakan fungsi escaping seperti esc_html(), esc_attr(), atau wp_kses_post() sebelum mencetak data ke halaman. Langkah ini membantu melindungi situs dari potensi serangan serta memastikan tampilan checkout tetap sesuai standar pengembangan WordPress.

Praktik terbaik lainnya adalah menempatkan seluruh fungsi kustom pada plugin khusus atau child theme. Hindari mengubah file inti WooCommerce karena setiap pembaruan plugin dapat menghapus seluruh perubahan tersebut. Dengan memanfaatkan action hook sebagaimana mestinya, proses pemeliharaan menjadi lebih sederhana dan kompatibilitas dengan versi WooCommerce terbaru tetap terjaga.

Contoh Menampilkan Informasi dari Pengaturan Situs

add_action( 'woocommerce_review_order_after_shipping', 'customer_service_notice' );

function customer_service_notice() {

    $email = get_option( 'admin_email' );

    echo '<tr>';
    echo '<td colspan="2">';
    echo 'Apabila terdapat pertanyaan mengenai pengiriman, silakan hubungi ' . esc_html( $email );
    echo '</td>';
    echo '</tr>';

}

Contoh Menampilkan Informasi Berdasarkan Jumlah Produk

add_action( 'woocommerce_review_order_after_shipping', 'large_package_notice' );

function large_package_notice() {

    if ( WC()->cart->get_cart_contents_count() >= 15 ) {

        echo '<tr>';
        echo '<td colspan="2">';
        echo 'Pesanan dengan jumlah produk yang banyak mungkin dikirim dalam lebih dari satu paket.';
        echo '</td>';
        echo '</tr>';

    }

}

Pada Bagian 3, kita akan membahas implementasi lanjutan woocommerce_review_order_after_shipping, contoh penggunaan pada skenario yang lebih kompleks, ringkasan artikel, serta lima pertanyaan yang paling sering diajukan mengenai hook ini.

Implementasi Lanjutan dan Optimasi Hook woocommerce_review_order_after_shipping

Dalam proyek WooCommerce berskala besar, hook woocommerce_review_order_after_shipping sering digunakan sebagai bagian dari proses checkout yang lebih dinamis. Developer dapat memanfaatkan hook ini untuk menampilkan informasi berdasarkan kategori produk, jenis layanan pengiriman, lokasi pelanggan, maupun atribut produk tertentu. Dengan pendekatan tersebut, informasi yang muncul pada halaman checkout menjadi lebih relevan sehingga pelanggan memperoleh gambaran yang lebih jelas mengenai proses pengiriman sebelum menyelesaikan transaksi.

Hook ini juga dapat dikombinasikan dengan metadata produk maupun metadata pesanan untuk menghasilkan pengalaman checkout yang lebih personal. Sebagai contoh, apabila keranjang belanja berisi produk yang memerlukan penanganan khusus, sistem dapat menampilkan informasi mengenai prosedur pengemasan atau estimasi waktu pemrosesan. Sebaliknya, apabila seluruh produk tersedia di gudang utama, pelanggan dapat memperoleh estimasi pengiriman yang lebih cepat. Fleksibilitas seperti ini menjadi salah satu alasan mengapa action hook merupakan bagian penting dalam pengembangan WooCommerce.

Meskipun demikian, developer tetap perlu memperhatikan performa halaman checkout. Hindari menjalankan query database yang kompleks atau melakukan permintaan ke layanan eksternal setiap kali hook dipanggil. Sebaiknya gunakan fungsi bawaan WooCommerce yang telah tersedia atau manfaatkan mekanisme cache apabila diperlukan. Dengan cara tersebut, halaman checkout tetap responsif meskipun terdapat berbagai kustomisasi tambahan.

Contoh Menampilkan Informasi Produk Pre Order

add_action( 'woocommerce_review_order_after_shipping', 'preorder_shipping_notice' );

function preorder_shipping_notice() {

    foreach ( WC()->cart->get_cart() as $cart_item ) {

        $product = $cart_item['data'];

        if ( get_post_meta( $product->get_id(), '_preorder', true ) ) {

            echo '<tr>';
            echo '<td colspan="2">';
            echo 'Produk pre order akan dikirim setelah proses produksi selesai.';
            echo '</td>';
            echo '</tr>';

            break;

        }

    }

}

Contoh Menampilkan Informasi Berdasarkan Kategori Produk

add_action( 'woocommerce_review_order_after_shipping', 'cold_storage_notice' );

function cold_storage_notice() {

    foreach ( WC()->cart->get_cart() as $cart_item ) {

        if ( has_term( 'produk-beku', 'product_cat', $cart_item['product_id'] ) ) {

            echo '<tr>';
            echo '<td colspan="2">';
            echo 'Produk beku dikirim menggunakan kemasan berinsulasi untuk menjaga kualitas selama perjalanan.';
            echo '</td>';
            echo '</tr>';

            break;

        }

    }

}

Ringkasan

Hook woocommerce_review_order_after_shipping merupakan action hook WooCommerce yang memungkinkan developer menambahkan informasi setelah bagian pengiriman pada halaman checkout. Hook ini sangat berguna untuk menampilkan estimasi pengiriman, kebijakan distribusi, pemberitahuan berdasarkan metode pengiriman, informasi mengenai produk tertentu, maupun berbagai konten dinamis lainnya tanpa perlu memodifikasi file inti WooCommerce. Dengan mengikuti praktik terbaik seperti menggunakan fungsi escaping, menjaga performa halaman, dan menempatkan kode pada plugin kustom atau child theme, developer dapat membangun halaman checkout yang lebih informatif, aman, dan mudah dipelihara sekaligus tetap kompatibel dengan pembaruan WooCommerce.

Pertanyaan Umum Tentang hook woocommerce_review_order_after_shipping