Panduan Lengkap Menambahkan Lencana Produk di WooCommerce

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:

Baca juga:  Panduan Lengkap Menghapus Spam Link Injection di WordPress

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.

Baca juga:  Cara Mudah Melihat Statistik Blog dan Menganalisis Performa

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.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *