Menampilkan Harga Hanya Untuk User Yang Login (WooCommerce)

TokoDaring.Com – Menampilkan Harga Hanya Untuk User Yang Login (WooCommerce). Mungkin model bisnis eCommerce anda berbeda daripada eCommerce atau toko online pada umumnya. Biasanya setiap toko online menjual produknya dan kustomer tentu bisa melihat gambar atau foto produk beserta informasi dan harga.

Artikel Lainnya:

Menampilkan Harga Yang Berbeda WooCommerce

Tapi tentu saja ada model bisnis yang berbeda dari umumnya itu. Misalnya anda memiliki situs website eCommerce dan produk yang ditawarkan eksklusif hanya untuk klien atau kustomer yang sudah bermitra secara khusus.

Ada juga beberapa situs website toko daring yang menawarkan produk, dan meminta kustomer untuk mengirimkan pesan atau menelpon (inquiry) jika ingin tau harga yang ditawarkan.

Nah, situs websito toko online yang dibuat dengan WordPress dan WooCommerce memungkinkan kustomisasi dimana harga tersebut bsai disembunyikan. Lalu menampilkannya hanya untuk user yang melakukan login saja.

Tapi mungkin ada pertanyaan-pertanyaan selanjutnya, anda mungkin khawatir apakah ada pengaruhnya pada proses add to cart dan check-out atau pembayarannya ?

Tapi yang paling penting adalah bagaimana impactnya pada kustomer yang mengunjungi toko online anda ? Anda mungkin khawatir tidak akan banyak sales yang terjadi jika harga produk-produk itu disembunyikan.

Model bisnis eCommerce

Menjawab pertanyaan-pertanyaan itu, WooCommerce memang memungkinkan untuk dikustom sesuai dengan tujuan model bisnis kita. Yang pasti, kustomisasi ini tidak akan ada pengaruh terhadap operasional dan sistem mulai dari proses pemesanan hingga pembayaran.

Yang perlu diperhatikan adalah bahwa kustomisasi ini sebaiknya dilakukan hanya jika bisnis anda tidak menjual produk ke perorangan secara umum (B2C). Kami yakin bahwa jika itu diimplementasikan, maka tidak akan ada sales yang terjadi karena orang mungkin berfikir bahwa harga produk tidak transparan.

Lain halnya jika target pasar anda hanya kepada pelanggan yang bersifat perusahaan atau B2B. Maka ini agak bersifat lumrah, dan kustomer B2B anda akan sangat mengerti dengan hal ini. Karena proses deal harga, diskon atau yang berkaitan dengan transaksi lainnya sudah dilakukan pada kesempatan yang lain dan bukannya melalui halaman produk di website anda.

Menampilkan Harga Hanya Untuk User Yang Login

Nah, jika model bisnis eCommerce anda adalah b2b dan eksklusif hanya untuk kustomer yang teregistrasi, maka kustomisasi ini sangat mungkin dan masuk akal untuk dilakukan.

Menampilkan harga hanya untuk user yang login dengan kode CSS

Secara logika script atau program untuk menampilkan harga hanya untuk user yang login sebenarnya adalah menyembunyikan harga tersebut terlebih dahulu. Lalu membuat fungsi agar harga bisa dilihat jika kustomer dalam kondisi logged-in, via function is_user_logged_in().

Menggunakan kode CSS sebenarnya hanya dapat menyembunyikannya saja, dan harga tetap tidak akan terlihat meskipun kustomer sudah melakukan login.

Namun, berikut adalah kode CSSnya jika anda memang perlu untuk menyembunyikan harga produk.

/* Menampilkan harga hanya untuk user yang login 
   menggunakan kode CSS */

/* Harga */ 
ul.products li.product .price {
   display:none;
 }

/* add to cart button */ 
 ul.products li.product .button {
   display:none;
}

/* harga produk sidebar widget */
 .product_list_widget li .woocommerce-Price-amount {
   display:none;
 }

/* atau secara bersamaan dapat ditulis */
ul.products li.product .price, ul.products li.product .button, .product_list_widget li .woocommerce-Price-amount {
   display:none;
 }

Cara diatas memang tidak efektif jika anda bermaksud menampilkan harga hanya untuk user yang login. Kode CSS diatas benar-benar akan menyembunyikan harga secara konsisten pada semua pengunjung, baik yang login maupun yang tidak login.

Menampilkan harga hanya untuk user yang login dengan fungsi php

Lalu, untuk menyembunyikan dan menampilkan harga hanya untuk user yang login saja, maka itu bisa dilakukan dengan menambahkan skrip fungsi php dibawah ini kedalam file function.php child theme atau menggunakan plugin editor yang pernah kami terbitkan sebelumnya.

/*
 * Menampilkan harga hanya untuk user yang login
 *
 */

add_action( 'init', 'tkdr_sembunyikan_harga' );
function tkdr_sembunyikan_harga() {
     if ( ! is_user_logged_in() ) {
         remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 
 );
         remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
         remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
         remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
         add_action( 'woocommerce_single_product_summary', 'login_untuk_melihat_harga', 31 );
         add_action( 'woocommerce_after_shop_loop_item', 'login_untuk_melihat_harga', 11 );
     }
}
function login_untuk_melihat_harga() {
     echo '<a href="' . get_permalink(wc_get_page_id('myaccount')) . '">' . __('Mohon lakukan login terlebih  untuk melakukan order', 'nama-tema') . '</a>'; // 'nama-tema' ganti dengan nama tema sebenarnya

WooCommerce memang memungkinkan kita untuk mengkustom sesuai model bisnis eCommerce anda. Berikutnya kami memiliki cara untuk kustom membuat variasi satuan unit harga WooCommerce.

Variasi satuan unit harga yang kami maksud adalah apakah produk itu dijual per kilogram, per pack atau per ekor.

Untuk kustomisasi WordPress dan WooCommerce atau tentang coding bahasa program lainnya, kunjungi halaman coding for fun. Atau yang secara khusus untuk mengkustom WooCommerce, lihat artikel-artikel yang ditag sebagai ‘kustom WooCommerce’

Artikel terkait :