WooCommerce adalah salah satu platform eCommerce paling populer yang digunakan oleh pemilik toko online di seluruh dunia. Untuk meningkatkan daya tarik produk dan mendorong lebih banyak penjualan, menambahkan lencana produk dapat menjadi strategi yang efektif. Menambahkan lencana produk di WooCommerce membantu menyoroti produk tertentu seperti diskon, produk baru, atau stok terbatas agar lebih menarik perhatian pelanggan.
Lencana produk tidak hanya meningkatkan tampilan visual toko online Anda, tetapi juga membantu pelanggan dalam mengambil keputusan lebih cepat. Dengan menampilkan label seperti “Promo”, “Diskon”, atau “Terbatas”, pelanggan dapat langsung mengetahui nilai tambah dari suatu produk. Dalam artikel ini, kita akan membahas langkah-langkah cara menambahkan lencana produk di WooCommerce, plugin terbaik yang dapat digunakan, serta strategi optimalisasi lencana untuk meningkatkan konversi.
Mengapa Menambahkan Lencana Produk di WooCommerce Itu Penting?
Menampilkan lencana produk pada toko WooCommerce dapat memberikan banyak manfaat, antara lain:
- Meningkatkan daya tarik produk – Lencana yang mencolok akan langsung menarik perhatian pelanggan.
- Mendorong pembelian impulsif – Dengan menampilkan “Stok Terbatas” atau “Diskon”, pelanggan lebih terdorong untuk segera membeli.
- Memudahkan navigasi toko – Pelanggan dapat langsung melihat produk mana yang sedang dalam promo atau best seller.
- Meningkatkan kepercayaan pelanggan – Menampilkan “Best Seller” atau “Produk Terlaris” memberikan kesan bahwa produk tersebut populer dan layak dibeli.
Dengan berbagai keuntungan tersebut, tidak mengherankan jika banyak pemilik toko online mulai mencari cara menambahkan lencana produk di WooCommerce agar dapat meningkatkan konversi dan penjualan.
Cara Menambahkan Lencana Produk di WooCommerce Tanpa Plugin
Jika Anda ingin menambahkan lencana produk secara manual tanpa menggunakan plugin, Anda bisa melakukannya dengan menyesuaikan kode pada tema WooCommerce Anda. Berikut langkah-langkahnya:
1. Buka File Functions.php
Masuk ke WordPress Dashboard > Appearance > Theme Editor, lalu buka file functions.php
dari tema yang sedang digunakan.
2. Tambahkan Kode Custom Badge
Tambahkan kode berikut ke dalam functions.php
untuk membuat lencana kustom:
add_action('woocommerce_before_shop_loop_item_title', 'custom_woocommerce_product_badge', 10);
function custom_woocommerce_product_badge() {
global $product;
if ($product->is_on_sale()) {
echo '<span class="custom-badge">Diskon!</span>';
}
}
Kode di atas akan menampilkan lencana “Diskon!” pada produk yang sedang dalam promo.
3. Tambahkan CSS untuk Menyesuaikan Tampilan
Buka Appearance > Customize > Additional CSS, lalu tambahkan kode berikut untuk mendesain tampilan lencana produk:
.custom-badge {
background-color: red;
color: white;
font-size: 12px;
padding: 5px 10px;
position: absolute;
top: 10px;
left: 10px;
border-radius: 3px;
}
Setelah menambahkan kode ini, lencana akan muncul secara otomatis pada produk yang sedang diskon.
Cara Menambahkan Lencana Produk di WooCommerce dengan Plugin
Jika Anda ingin cara yang lebih praktis tanpa harus menyentuh kode, Anda bisa menggunakan plugin WooCommerce untuk menambahkan lencana produk. Beberapa plugin terbaik yang bisa digunakan adalah:
1. WooCommerce Advanced Product Labels
Plugin ini memungkinkan Anda menambahkan lencana kustom ke produk dengan berbagai kondisi, seperti “Produk Terlaris”, “Baru”, atau “Diskon”.
Cara menggunakannya:
- Instal dan aktifkan plugin dari Plugins > Add New.
- Buka WooCommerce > Product Labels.
- Tambahkan label baru dan tentukan kriteria produk yang ingin diberi lencana.
2. YITH WooCommerce Badge Management
Plugin ini menawarkan berbagai desain lencana dan pengaturan fleksibel untuk produk WooCommerce.
Cara menggunakannya:
- Instal plugin dan aktifkan melalui Plugins > Add New.
- Masuk ke YITH > Badge Management untuk mengatur lencana.
- Tambahkan badge baru dan tentukan produk yang akan diberi lencana.
Dengan menggunakan plugin, Anda bisa lebih mudah mengatur dan menampilkan lencana tanpa harus mengedit kode secara manual.
Strategi Optimasi Lencana Produk untuk Meningkatkan Penjualan
Agar lencana produk bekerja secara efektif dalam meningkatkan konversi, berikut beberapa strategi yang bisa diterapkan:
- Gunakan warna yang mencolok – Pastikan warna lencana kontras dengan latar belakang produk agar mudah terlihat.
- Jangan terlalu banyak lencana – Terlalu banyak label dapat membingungkan pelanggan. Gunakan seperlunya.
- Pilih kata-kata yang kuat – Gunakan frasa singkat seperti “Best Seller”, “Flash Sale”, atau “Baru” agar mudah dipahami.
- Posisi strategis – Tempatkan lencana di sudut atas gambar produk agar mudah terlihat oleh pelanggan.
Dengan strategi ini, lencana produk tidak hanya akan menarik perhatian tetapi juga membantu meningkatkan tingkat konversi di toko online Anda.
FAQ
1. Apakah saya bisa menambahkan lebih dari satu lencana pada produk di WooCommerce? Ya, Anda bisa menambahkan beberapa lencana pada satu produk dengan menggunakan plugin yang mendukung multiple badges.
2. Apakah menambahkan lencana produk di WooCommerce mempengaruhi SEO? Tidak secara langsung, tetapi lencana yang menarik bisa meningkatkan CTR (Click-Through Rate), yang berkontribusi pada peningkatan SEO.
3. Apakah semua tema WooCommerce mendukung fitur lencana produk? Sebagian besar tema WooCommerce mendukung lencana produk, tetapi ada beberapa yang memerlukan penyesuaian CSS.
4. Bisakah saya menyesuaikan desain lencana produk di WooCommerce? Ya, Anda bisa menyesuaikan desain lencana dengan CSS atau menggunakan plugin yang menyediakan berbagai opsi kustomisasi.
5. Plugin apa yang paling direkomendasikan untuk menambahkan lencana produk? WooCommerce Advanced Product Labels dan YITH WooCommerce Badge Management adalah dua plugin terbaik yang bisa digunakan untuk menambahkan lencana produk.