Apa Itu Shortcode WooCommerce?
Shortcode WooCommerce adalah potongan kode pendek berbentuk teks di dalam kurung siku (contoh: [woocommerce_cart]) yang memungkinkan Anda menyisipkan fitur toko online ke dalam halaman, postingan, atau widget WordPress tanpa perlu menulis kode pemrograman yang rumit. Penggunaan shortcode ini sangat krusial untuk mengatur tata letak toko secara kustom.
Daftar Shortcode Utama WooCommerce
Berikut adalah daftar shortcode dasar yang paling sering digunakan untuk membangun halaman toko fungsional:
| Shortcode | Fungsi |
|---|---|
| [woocommerce_cart] | Menampilkan halaman keranjang belanja |
| [woocommerce_checkout] | Menampilkan halaman checkout |
| [woocommerce_my_account] | Menampilkan halaman akun pengguna |
| [woocommerce_order_tracking] | Menampilkan formulir pelacakan pesanan |
| [products] | Menampilkan daftar produk dengan berbagai filter |
Cara Implementasi Shortcode
Untuk menggunakan shortcode di WordPress, ikuti langkah-langkah teknis berikut:
- Buka editor halaman atau postingan di dashboard WordPress Anda.
- Jika menggunakan Block Editor (Gutenberg), tambahkan blok baru dan pilih Shortcode.
- Masukkan kode yang diinginkan, misalnya:
[products limit="4" columns="4"]. - Klik Update atau Publish untuk menyimpan perubahan.
Contoh Penggunaan Lanjutan
Anda dapat menambahkan atribut pada shortcode [products] untuk memfilter tampilan produk. Sebagai contoh, untuk menampilkan produk terbaru sebanyak 8 item dalam 4 kolom, gunakan sintaks berikut:
[products limit="8" columns="4" orderby="date" order="DESC"]Tips Troubleshooting
Jika shortcode tidak muncul atau hanya menampilkan teks mentah, pastikan hal-hal berikut:
- Pastikan plugin WooCommerce sudah terinstal dan aktif.
- Periksa apakah ada kesalahan penulisan (typo) pada kurung siku.
- Jika menggunakan page builder pihak ketiga, pastikan elemen shortcode telah dipilih dengan benar.
- Bersihkan cache situs Anda jika perubahan tidak langsung terlihat di sisi pengguna (front-end).