Pengaturan Lencana Diskon (Tokoo Sale Badge)
Fitur Tokoo Sale Badge berguna untuk memberikan penanda visual yang jelas pada produk-produk yang sedang dalam masa promosi atau diskon. Lencana ini dipasang di atas foto produk untuk menarik perhatian pembeli secara instan dan meningkatkan minat klik (click-through rate).
Cara Mengakses Pengaturan Sale Badge
Sama seperti elemen kartu produk lainnya, lencana diskon ini dapat diatur secara visual melalui Block Editor:
- Buka menu Appearance > Editor (Tampilan > Editor).
- Masuk ke bagian desain kartu produk Anda (biasanya di dalam Template Parts > Product Card atau langsung pada bagian Query Loop halaman katalog).
- Klik pada komponen lencana bertuliskan “SALE” di pojok kiri atas gambar produk Anda.
- Pastikan Sidebar Kanan aktif pada tab Block untuk memunculkan panel pengaturan Tokoo Sale Badge.
Pilihan Tampilan Lencana (Tampilan Badge)
Di dalam panel pengaturan Tokoo Sale Badge, Anda akan menemukan menu dropdown TAMPILAN BADGE dengan dua mode tampilan yang dapat disesuaikan dengan kebutuhan strategi promosi Anda:
1. Teks Bawaan WooCommerce
- Cara Kerja: Mode ini akan menampilkan label teks statis secara global sesuai dengan pengaturan bahasa WordPress Anda (misalnya menampilkan kata “SALE” untuk bahasa Inggris, atau “PROMO” jika website menggunakan bahasa Indonesia).
- Kelebihan: Sangat cocok untuk toko online dengan tampilan klasik, bersih, dan konsisten di seluruh produk diskon tanpa memandang besaran potongan harga.
2. Persentase Diskon (Mode Persentase)
- Cara Kerja: Sistem secara otomatis menghitung selisih antara Regular Price (Harga Biasa) dengan Sale Price (Harga Diskon) yang Anda masukkan di WooCommerce, lalu menampilkannya dalam format persentase (misalnya: “-25%” atau “Save 30%”).
- Kelebihan: Sangat interaktif dan terbukti secara psikologis mampu meningkatkan konversi penjualan karena pembeli dapat langsung melihat seberapa besar keuntungan hemat yang mereka dapatkan tanpa harus menghitungnya secara manual.
Tips Desain Sale Badge untuk Konversi Tinggi
- Gunakan Warna Kontras: Gunakan warna latar belakang lencana yang cerah dan mencolok (seperti merah, oranye, atau hijau stabilo) agar langsung terlihat kontras dengan gambar produk dan warna dasar website. Anda dapat mengaturnya melalui tab warna di samping ikon roda gigi sidebar kanan.
- Kombinasikan dengan Fitur Flash Sale: Jika Anda memiliki promo besar-besaran, kombinasikan penggunaan Persentase Diskon pada katalog dengan blok Flash Sale (Countdown Timer) di halaman detail produk untuk menciptakan efek kelangkaan (urgency) yang maksimal.
- Periksa Keselarasan Posisi: Pastikan letak lencana tidak menutupi bagian penting dari foto produk Anda. Tata letak standar di pojok kiri atas gambar (seperti pada contoh demo ToKoo) adalah posisi terbaik yang paling nyaman bagi mata pengunjung.