Pakai WooCommerce Shortcode: Cara Mudah Membuat Toko Online
Oleh
Ratna Patria
Sudah pakai WooCommerce buat bikin toko online tapi masih merasa kesulitan untuk nge-desain tampilannya? Pakai WooCommerce shortcode yuk biar lebih mudah lagi untuk melakukan kustomisasi tampilan toko online-mu menggunakan WooCommerce. Terkadang mungkin kamu masih merasa sulit dalam menambahkan beberapa desain tampilan atau fitur di suatu halaman toko online-mu.
Nah, WooCommerce shortcode ini akan memudahkan kamu untuk menambahkan tampilan atau fitur yang kamu inginkan tanpa kesulitan melakukannya. Misalkan saja kamu ingin menampilkan list produk yang ada, dengan menggunakan WooCommerce shortcode kamu hanya perlu menambahkan satu script saja lho! Yuk, pelajari lebih lanjut mengenai WooCommerce shortcode ini!
Pengertian Dasar
Apa Itu WooCommerce
WooCommerce adalah plugin toko online yang open source untuk WordPress. Diluncurkan pada tanggal 27 September 2011, plugin ini dengan cepat menjadi populer karena kemudahannya untuk dipasang dan disesuaikan dan untuk posisi pasar dari produk dasar sebagai freeware (walaupun banyak dari ekstensi opsionalnya berbayar dan berpemilik).
WooCommerce adalah platform eCommerce tangguh yang sangat dapat disesuaikan, mudah digunakan, dan dapat diskalakan. Ini dirancang untuk membantu bisnis dari semua ukuran menjual produk dan layanan secara online. Dengan daftar fitur dan opsi penyesuaian yang luas, WooCommerce adalah pilihan yang sangat baik bagi siapa pun yang ingin membuat toko online dengan WordPress. Kamu bisa menggunakan WordPress hosting dari DomaiNesia!
Baca juga: Cara Membuat Kategori WooCommerce. Mudahkan Pelanggan Mencari Produk!
Manfaat WooCommerce
Ada beberapa manfaat menggunakan WooCommerce sebagai platform toko online yang kamu miliki. Berikut adalah beberapa manfaat utama:
- Mudah digunakan: WooCommerce ramah pengguna dan intuitif, memudahkan pemula untuk membuat toko online tanpa keterampilan teknis apa pun. Ini adalah pilihan bagus untuk bisnis kecil yang mungkin tidak memiliki sumber daya untuk menyewa pengembang untuk membuat toko online.
- Mudah untuk disesuaikan/kustom: WooCommerce sangat dapat disesuaikan, memungkinkan pengguna membuat tampilan dan nuansa unik untuk toko mereka. Ini menawarkan berbagai tema dan plugin yang dapat digunakan untuk menambah fungsionalitas ke toko online.
- Skalabilitas: WooCommerce dapat menangani sejumlah besar produk, pesanan, dan pelanggan dengan mudah. Ini adalah platform yang kuat yang dapat tumbuh bersama bisnismu, menjadikannya pilihan yang sangat baik untuk bisnis yang ingin memperluas eksistensi online mereka.
- Terjangkau: WooCommerce adalah opsi hemat biaya untuk bisnis kecil yang ingin mulai menjual produk secara online. Platform ini open source dan gratis untuk digunakan, dan tidak ada biaya tersembunyi atau biaya transaksi.
Sumber: Envato
Apa Itu WooCommerce Shortcode
WooCommerce Shortcode adalah kode-kode khusus yang digunakan dalam platform eCommerce WooCommerce shortcode berguna untuk menyisipkan fungsionalitas dan konten tertentu ke dalam halaman atau posting WordPress. Shortcodes ini memungkinkan pengguna WooCommerce untuk menampilkan informasi produk, keranjang belanja, halaman checkout, kategori produk, dan elemen lainnya dengan mudah tanpa perlu pengetahuan pemrograman yang mendalam.
Dalam prakteknya, Shortcode WooCommerce berfungsi sebagai tag khusus yang ditempatkan di dalam editor visual atau area teks pada halaman atau posting WordPress. Setelah shortcode ditambahkan, saat halaman atau posting tersebut ditampilkan di situs web, shortcode akan dievaluasi dan diubah menjadi konten yang sesuai dengan instruksi yang terkandung di dalamnya.
Misalnya, dengan menggunakan shortcode [woocommerce_cart], kamu dapat menyisipkan keranjang belanja di halaman tertentu. Ini memungkinkan pelanggan untuk melihat, mengedit, dan mengelola produk yang mereka tambahkan ke keranjang belanja mereka langsung dari halaman yang ditentukan.
Begitu juga, terdapat banyak shortcode lainnya seperti [woocommerce_checkout], [woocommerce_my_account], [woocommerce_products], [woocommerce_product_categories], dan banyak lagi, yang masing-masing menyediakan fungsionalitas spesifik dan menampilkan konten yang relevan.
Keuntungan menggunakan WooCommerce Shortcode adalah memungkinkan pengguna WooCommerce untuk secara fleksibel mengontrol tampilan dan fungsionalitas toko online. Dengan menggabungkan shortcode yang sesuai, pengguna dapat membangun halaman yang sesuai dengan preferensi mereka, menampilkan produk, kategori, keranjang belanja, dan informasi lainnya secara dinamis.
Cara menggunakan shortcode WooCommerce ini sangatlah mudah. Pertama tentu pastikan kamu telah menginstal WooCommerce. Kemudian, kamu bisa memilih menu Pages atau Post (sesuai kebutuhan), lalu pilih New untuk membuat yang baru. 
Setelah itu maka akan muncul halaman editor. Pada bagian body (dibawah tittle), ketikan shortcut “/” untuk memunculkan pilihan format type block. Kemudian pilih shortcode seperti pada gambar dibawah ini.
Nah, kamu bisa mulai menulis shortcode dan mendapatkan hasilnya! Kumpulan shortcode yang bisa kamu gunakan akan dijelaskan pada penjelasan setelah ini. Yuk, lanjut simak!
Baca juga: Kumpulan Plugin WooCommerce Terbaik Untuk Toko Online-mu!
Kumpulan Perintah Dalam WooCommerce Shortcode
Setelah mengetahui fungsi dari WooCommerce shortcode, saatnya kamu harus mengetahui kumpulan perintah yang bisa kamu gunakan dalam shortcode WooCommerce. Berikut ini adalah kumpulan shortcode WooCommerce yang bisa kamu gunakan:
Keranjang Belanja
|
1 2 3 |
[woocommerce_cart]: Menampilkan keranjang belanja pelanggan. [woocommerce_checkout]: Menampilkan halaman checkout untuk proses pembayaran. |
Produk
|
1 2 3 4 5 6 7 8 9 |
[woocommerce_products]: Menampilkan produk secara umum dengan opsi pengaturan seperti jumlah produk, urutan tampilan, dan tipe tampilan. [recent_products]: Menampilkan daftar produk terbaru. [featured_products]: Menampilkan daftar produk unggulan. [sale_products]: Menampilkan daftar produk yang sedang dalam penawaran atau diskon. [best_selling_products]: Menampilkan daftar produk terlaris. [top_rated_products]: Menampilkan daftar produk dengan peringkat tertinggi. |
Kategori Produk
|
1 |
[product_categories]: Menampilkan daftar kategori produk dengan opsi pengaturan seperti jumlah kategori yang ditampilkan, urutan tampilan, dan tipe tampilan. |
Pencarian
|
1 |
[product_search]: Menampilkan kotak pencarian produk untuk memudahkan pelanggan mencari produk. |
Akun Pelanggan
|
1 |
[woocommerce_my_account]: Menampilkan halaman akun pelanggan yang memungkinkan mereka melihat dan mengelola informasi pribadi, pesanan, dan alamat pengiriman. |
Produk Tertentu
|
1 |
[product] Menampilkan informasi lengkap tentang produk tertentu berdasarkan ID produk. |
Tombol Tambah ke Keranjang
|
1 |
[add_to_cart]: Menampilkan tombol "Tambah ke keranjang" untuk produk tertentu. |
Riwayat Pembelian
|
1 |
[woocommerce_order_tracking]: Menampilkan halaman pelacakan pesanan untuk pelanggan. |
Testimonial
|
1 |
[woocommerce_product_reviews]: Menampilkan testimonial atau ulasan produk yang diberikan oleh pelanggan. |
Baca juga: Mudahkan Pelanggan Belanja Dengan WooCommerce Payment Gateway
Wishlist
|
1 |
[woocommerce_my_account]: Menampilkan halaman akun pelanggan yang memungkinkan mereka menyimpan daftar produk yang diinginkan (wishlist). |
Filter Produk
|
1 |
[products limit="8" columns="4" attribute="color" terms="red,blue,green"]: Menampilkan produk dengan filter berdasarkan atribut tertentu seperti warna. Contoh ini menampilkan produk dengan atribut warna merah, biru, atau hijau. |
Pemesanan
|
1 |
[woocommerce_orders]: Menampilkan daftar pesanan pelanggan pada halaman tertentu. |
Statistik
|
1 |
[woocommerce_stats]: Menampilkan statistik toko online, seperti total penjualan, pesanan terbaru, dan produk terlaris. |
Kupon
|
1 |
[woocommerce_my_account]: Menampilkan halaman akun pelanggan yang memungkinkan mereka melihat, menerapkan, atau mengelola kupon diskon. |
Produk Terkait
|
1 |
[related_products]: Menampilkan daftar produk terkait yang mungkin menarik bagi pelanggan berdasarkan produk yang sedang dilihat. |
Produk Populer
|
1 |
[top_rated_products per_page="4"]: Menampilkan daftar produk dengan peringkat tertinggi, dengan jumlah produk yang ditampilkan sebanyak 4. |
Produk dalam Rentang Harga
|
1 |
[products min_price="50" max_price="100"]: Menampilkan daftar produk yang memiliki harga antara $50 dan $100. |
Produk dalam Stok
|
1 |
[products stock="instock"]: Menampilkan daftar produk yang saat ini tersedia dalam stok. |
Gunakan WooCommerce Shortcode Untuk Mempermudah Membuat Toko Online!
Dalam artikel ini, kamu telah mempelajari tentang kekuatan WooCommerce Shortcode dalam memperluas dan mengatur tampilan serta fungsionalitas toko onlinemu. Shortcode WooCommerce memberikanmu kemampuan untuk dengan mudah menyisipkan elemen-elemen penting seperti produk, keranjang belanja, halaman checkout, kategori, dan banyak lagi, tanpa perlu pengetahuan pemrograman yang mendalam.
Kamu dapat menggunakan berbagai shortcode yang disediakan oleh WooCommerce untuk menyesuaikan dan menampilkan konten yang relevan sesuai kebutuhanmu.
Dengan fleksibilitas shortcode ini, kamu dapat merancang toko online yang menarik dan fungsional, memberikan pengalaman berbelanja yang baik bagi pelangganmu. Dalam mengoptimalkan Shortcode WooCommerce, jangan ragu untuk bereksperimen dan menyesuaikan agar toko onlinemu mencapai potensi penuhnya dalam membangun bisnis online yang sukses.
Ratna Patria
Hi! Ratna is my name. I have been actively writing about light and fun things since college. I am an introverted, inquiring person, who loves reading. How about you?
