Cara Mengatur Wishlist di WooCommerce (LarisTurbo)

Panduan lengkap Wishlist For WooCommerce: tombol favorit di produk dan shop, halaman wishlist, tamu vs pengguna login, shortcode, block theme, dan kustomisasi teks.

Fitur Wishlist For WooCommerce memungkinkan pelanggan menyimpan produk favorit lewat tombol wishlist di halaman produk (dan opsional di grid shop), lalu membukanya lagi nanti untuk referensi atau dibeli. Produk yang disimpan bisa dilihat di halaman Wishlist khusus.

Wishlist bisa dipakai oleh tamu (guest) maupun pengguna login, hanya saja mekanisme penyimpanannya berbeda. Tutorial ini membahas opsi di Settings, cara kerja cookie vs akun, shortcode yang tersedia, dan cara memastikan wishlist sudah berjalan di toko Anda.

Yang akan tampil di toko

Tombol wishlist di halaman produk (dekat area Add to Cart) dan/atau di kartu produk di halaman shop
Saat produk sudah di-wishlist, tombol berubah status (class aktif, teks remove)
Halaman Wishlist berisi grid produk yang disimpan, tombol “Clear All Wishlist”, atau pesan “Your wishlist is empty.” jika kosong

Prasyarat

LarisTurbo For WooCommerce by TokoPressID terpasang, lisensi aktif
WooCommerce aktif
Centang “Enable Wishlist” di pengaturan fitur

Label	Fungsi
Enable Wishlist	Menyalakan fitur

Teks tombol

Label	Placeholder (contoh)
Add To Wishlist Text	Indonesia: `Suka! Simpan di Favorit`
Remove From Wishlist Text	Indonesia: `Tidak Suka? Hapus dari Favorit`

Jika dikosongkan, plugin memakai teks default dari pengaturan locale toko.

Posisi tombol (Wishlist Button Position)

Single Product Page (wc_wishlist_position):

Nilai	Posisi	Catatan
before-atc-section	Sebelum section Add to Cart	Default; hook `woocommerce_single_product_summary:21`
after-atc-section	Setelah section Add to Cart	Hook priority 34
before-atc-button	Sebelum tombol Add to Cart	Tersembunyi jika tombol ATC disembunyikan tema
after-atc-button	Setelah tombol Add to Cart	Sama
custom	Manual	Pakai shortcode atau block (wajib untuk block theme)

Shortcode produk:

[laristurbo_wc_wishlist] di dalam product loop
[laristurbo_wc_wishlist product_id="123"] di mana saja

Label	Fungsi
Disable wishlist button placement in the Shop Page / Product Grid	Centang untuk mematikan tombol otomatis di grid shop

Halaman Wishlist (Wishlist Page)

Label	Fungsi
Wishlist Page	Pilih halaman WordPress yang menampilkan daftar wishlist

Saat pertama kali dibuka, plugin bisa otomatis:

Mencari halaman yang sudah berisi [laristurbo_wc_wishlist_page]
Meng-upgrade shortcode lama [tokopressid_wc_wishlist] jika ada
Mencari halaman berjudul Wishlist
Membuat halaman baru slug wishlist dengan shortcode [laristurbo_wc_wishlist_page]

Shortcode halaman:

[laristurbo_wc_wishlist_page] (disarankan)
[tokopressid_wc_wishlist] (kompatibilitas lama)

Custom Styles

Label	Fungsi
Icon Color	Warna ikon hati
Text Color	Warna teks tombol
Alignment	Kiri / tengah / kanan
Font Size (px)	Ukuran teks
Margin (px)	Jarak luar tombol

Bisa ditimpa oleh block Wishlist For WooCommerce (LarisTurbo) di editor.

	Tamu (guest)	Pengguna login
Penyimpanan	Cookie browser `lt_wishlist_guest` (±30 hari)	Cookie + user meta `lt_wishlist` di server
Sync ke server	Tidak (hanya cookie)	Setiap klik → AJAX `update_user_wishlist`
Setelah registrasi	Wishlist guest digabung ke akun baru	—
Setelah login	Cookie guest dihapus, data dari user meta	Cookie user diisi dari meta

Pelanggan tamu tetap bisa memakai wishlist, tetapi data bisa hilang jika cookie dibersihkan atau pindah perangkat. Akun member lebih aman untuk wishlist jangka panjang.

Langkah-langkah setup

1. Aktifkan dan pilih posisi

Centang “Enable Wishlist”.
Pilih Single Product Page (misalnya before-atc-section).
Biarkan tombol shop aktif, atau centang Disable wishlist button placement… jika hanya ingin tombol di halaman produk.
Simpan.

2. Siapkan halaman Wishlist

Di Wishlist Page, pilih halaman yang sudah ada atau biarkan plugin membuat otomatis.
Pastikan halaman memuat [laristurbo_wc_wishlist_page] (plugin bisa menyuntikkan lewat filter konten jika halaman terpilih tapi shortcode belum ada).
Tambahkan link menu ke halaman Wishlist di navigasi toko.

3. Uji sebagai tamu dan sebagai member

Buka produk, klik tombol wishlist, cek teks berubah ke remove.
Buka halaman Wishlist, pastikan produk muncul di grid.
Login (atau daftar), ulangi: wishlist guest seharusnya ikut tersinkron.

Block Gutenberg & block theme

Block: Wishlist For WooCommerce (LarisTurbo) (laristurbo/wc-wishlist)
Jika Position = custom, pasang block atau shortcode di template produk WooCommerce block theme
Plugin mengganti footprint tersembunyi data-laristurbo="ltwcwl" menjadi tombol nyata di product template

Integrasi lain

Sticky Footer Menu bisa menambahkan item menu ke halaman Wishlist
Product Trust Indicators bisa menampilkan jumlah likes dari meta _wishlist_count per produk (jika Trust Indicators aktif)
Di edit produk, metabox Wishlist → Product Wishlist Counter (_wishlist_count) bisa diedit manual

Troubleshooting

Tombol tidak muncul di produk

Cek Enable Wishlist dan lisensi
Jika memakai custom, wajib pasang shortcode/block manual
Footer sticky LarisTurbo aktif bisa menekan output posisi tertentu di single product

Tombol tidak muncul di shop

Pastikan Disable wishlist button placement in the Shop Page / Product Grid tidak dicentang
Tema harus memanggil hook woocommerce_before_shop_loop_item_title

Halaman Wishlist kosong padahal sudah klik wishlist

Tamu: cek cookie tidak diblokir.
Login: pastikan AJAX tidak diblokir security plugin.
Hard refresh halaman Wishlist.

Teks tombol masih bahasa Inggris

Isi Add To Wishlist Text / Remove From Wishlist Text manual, atau pastikan locale toko Indonesia agar placeholder Indonesia terpakai