Ingin tingkatkan SEO website Anda??

Download eBook Gratis 5+ Strategi SEO Berbagai Industri

Download Ebook
Web Development & Design

WooCommerce Shortcodes: Buat Toko Online Jadi Lebih Menarik

Anda ingin mengoptimalkan fitur dan tampilan website toko online? Soalnya, apa yang disediakan Woocommerce masih kurang pas dengan kebutuhan Anda?

Jangan khawatir, Anda bisa menggunakan WooCommerce shortcodes dan berkreasi tanpa batas untuk membuat toko online yang menarik.

Nah, WooCommerce shortcode itu apa sih? Apa saja kegunaan dan bagaimana cara menambahkan WooCowoommerce shortcodes? 

Di artikel ini, Anda akan mengetahui semuanya secara lengkap. Yuk, simak penjelasannya di bawah ini.   

Apa itu Woocommerce Shortcodes dan Manfaatnya

WooCommerce shortcode adalah kode singkat yang dapat membantu Anda membuat fitur berdasarkan kebutuhan toko online Anda. 

Katakanlah Anda ingin menampilkan daftar produk yang paling laris di sidebar website Anda. Atau, Anda ingin menampilkan satu atau beberapa produk saja. 

Nah, dengan WooCommerce shortcodes Anda bisa menambahkan fitur tersebut dengan kode yang singkat dan melakukan kustomisasi sesuai perubahan yang diinginkan. 

Baca juga: 10+ Plugin WooCommerce Terbaik untuk Toko Online Anda

Lalu, apa sih manfaat menggunakan WooCommerce shortcodes?

  • User Experience Jadi Lebih Baik

Pengalaman berbelanja yang lebih mudah kadang belum dipenuhi oleh WooCommerce secara default. Misalnya, tombol Add to Cart agar pembeli lebih mudah memasukkan produk ke keranjang belanja. Nah, agar tidak mengorbankan kenyamanan pengunjung, Anda bisa menambahkan fitur tersebut sendiri. 

  • Lebih Mudah

WooCommerce Shortcodes itu mudah digunakan. Tanpa menulis kode panjang, Anda bisa menampilkan fitur WooCommerce yang diinginkan dengan mudah dan cepat

Cara Menambahkan WooCommerce Shortcodes

Bagaimana cara menambahkan WooCommerce shortcodes ke halaman website Anda? Cukup mudah, langkah di bawah ini bisa Anda lakukan untuk menambahkan WooCommerce page shortcodes.

Pertama, klik Pages > Add New pada dashboard WordPress. Kemudian klik ikon , lalu cari Shortcode

Selanjutnya, Anda tinggal memasukkan WooCommerce shortcodes yang Anda inginkan. 

Baca juga: Panduan Shortcode WordPress 

Daftar WooCommerce Shortcodes

Nah, berikut ini kami berikan list WooCommerce Shortcodes yang bisa Anda terapkan di website toko online Anda. Mari kita simak penjelasannya!

1. Cart

[woocommerce_cart]. Kode ini bisa Anda gunakan untuk menampilkan halaman keranjang toko online Anda. 

Pada dasarnya, halaman ini bersifat dinamis. Artinya, setiap pelanggan menambahkan produk ke keranjang, halaman ini akan menampilkan produk sesuai yang ditambahkan. 

2. Checkout

[woocommerce_checkout]. Gunakan kode ini untuk menampilkan halaman checkout produk pelanggan. 

Proses checkout merupakan salah satu aspek penting dari website toko online. Jadi, Anda harus memastikan halaman ini dapat berfungsi dengan lancar ketika pelanggan akan melakukan pembelian. 

3. My Account

[woocommerce_my_account]. Kode ini berfungsi untuk membuat halaman “Akun Saya”. Ini terutama dibutuhkan kalau Anda ingin memahami pelanggan dengan lebih lengkap, mulai kebutuhan produk, alamat dan lainnya.

Di halaman ini, pelanggan dapat melihat detail pesanan mereka. Mereka juga dapat mengubah alamat pengiriman dan proses pembayaran. 

4. Order Track

[woocommerce_order_tracking]. WooCommerce shortcodes ini akan membuat halaman pelacakan pesanan. Dengan halaman fitur ini, pelanggan bisa memantau proses pengiriman pesanannya.

5. Product Limit

[products limit=”6”] . Kode ini berfungsi untuk menampilkan berapa banyak produk ditampilkan dalam satu halaman. 

Sebagai contoh, Anda bisa membatasinya dengan 6 produk per halaman. Hasil tampilannya akan sebagai berikut. 

6. Column Limit

[products limit=”4″ columns=”4″] – WooCommerce shortcodes ini berfungsi untuk menentukan berapa jumlah produk dalam satu kolom. 

Sebagai contoh, jika dalam satu kolom terdiri dari 4 produk, hasilnya akan seperti ini:

7. Pagination

[products columns=”6” paginate=”true”] . Kode ini bisa Anda gunakan untuk membagi produk ke beberapa halaman berbeda. Terutama, jika produk yang Anda miliki sangat banyak.

Katakanlah, Anda ingin menampilkan enam produk dalam satu kolom pada setiap halamannya. Maka produk ke tujuh dan selanjutnya akan ditempatkan di halaman berikutnya. Contoh tampilannya sebagai berikut:

8. Recent Products

[products limit=”4″ columns=”4″ orderby=”date” order=”DESC” visibility=”visible”] . WooCommerce shortcodes ini berfungsi untuk menampilkan produk terbaru. 

Dengan kode orderby=”date”, produk akan ditampilkan berdasarkan tanggal input. Lalu order=”DESC” berarti produk akan diurutkan berdasarkan tanggal input yang paling baru. 

Sebagai contoh, untuk menampilkan empat produk terbaru dalam satu kolom sesuai contoh di atas, hasil tampilannya akan seperti ini: 

[products limit=”4″ columns=”2″ visibility=”featured” ] . WooCommerce shortcode ini  akan menampilkan beberapa produk pilihan atau produk unggulan toko online Anda. 

Sebagai contoh, dengan kode di atas, Anda akan menampilkan empat produk unggulan dengan tampilan dua produk per kolom halaman. 

10. On Sale Products

[products limit=”12″ columns=”4″ orderby=”date” on_sale=”true”] . Kalau toko online Anda sedang menggelar promo sales, Anda bisa menampilkan produk-produk khusus yang sedang diskon. 

Dengan menambahkan WooCommerce shortcode seperti di atas, tampilannya akan menjadi begini: 

11. Best Selling Products

[products limit=”3″ columns=”3″ best_selling=”true” ]  . WooCommerce Shortcodes berikut digunakan jika Anda ingin menampilkan produk terlaris. 

Sebagai contoh, di shortcode tersebut Anda ingin menampilkan tiga produk terlaris dalam satu baris. Tampilannya akan sebagai berikut:

12. Top Rated Products

[products limit=”6” columns=”3” orderby=”date” order=”ASC” top_rated=”true” ]  . Tampilkan produk dengan rating terbaik menggunakan WooCommerce ini. Tentunya fitur review harus sudah diaktifkan di toko online Anda.

Menggunakan kode di atas, Anda akan menampilkan produk dengan rating terbaik menggunakan urutan tanggal input berupa enam produk per halaman. Hasilnya sebagai berikut:

13. Special Category Products

[products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”AND”] . Ingin menampilkan produk dengan kategori produk tertentu saja? Gunakan WooCommerce shortcodes ini.

Misalnya, Anda ingin menampilkan kategori hoodie dan tshirt saja. Maka, tentukan kategori produknya, jumlah produk per halaman dan batasan per kolom. Hasilnya akan seperti berikut:

Kode ini sekaligus berguna untuk menampilkan produk selain yang ditentukan. Cukup mengubah cat_operator ke NOT IN. Misalnya, [products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”NOT IN”] 

Hasilnya akan muncul semua produk kecuali hoodies dan t-shirt:

14. Single Product

[products_page]. WooCommerce shortcodes ini berfungsi untuk menampilkan produk tunggal. Nah, Anda dapat menggunakan ID produk atau SKU untuk menampilkannya.  

Contoh shortcode-nya seperti berikut ini. 

[product_page id=”243″] atau [product_page sku=”woo-hoodie”] 

[related_products limit=”3″] . Ingin membantu pengunjung mendapatkan produk sejenis? WooCommerce shortcodes ini bisa membantu mereka. 

Anda bisa menampilkan produk terkait di setiap halaman produk tunggal. Sebagai contoh, jika ingin menampilkan tiga produk terkait seperti shortcode tersebut,  hasilnya akan sebagai berikut: 

Optimasi Website Toko Online Anda dengan WooCommerce Shortcodes!

Nah itulah panduan WooCommerce shortcodes yang bisa Anda terapkan. 

Anda bisa lebih mudah melakukan kustomisasi website toko online sesuai keinginan. Mulai dari membuat website user friendly dengan menu dan tampilan produk yang lebih tertata hingga menambah fitur agar  pengalaman pengunjung belanja lebih baik. 

Pada akhirnya, kalau user experience terjaga, semakin betah pengunjung berada di toko online Anda. Kesempatan untuk berbelanja lebih banyak juga lebih besar.

Selain itu, website dengan user experience yang baik, berpeluang menduduki peringkat atas hasil pencarian Google. Artinya, lebih banyak calon pembeli lain yang dapat diundang untuk mengunjungi toko online Anda. Efeknya, pembelian produk pun meningkat.

Hanya dengan sebuah shortcode singkat, manfaatnya cukup besar, ya?

Nah, tunggu apa lagi? Buatlah website toko online Anda sesuai dengan tujuan bisnis dan kenyamanan konsumen.   

Putri Aprilia

Putri is an SEO Content Writer at Niagahoster. She has experience in SEO writing with business and tech topic.

Share
Published by
Putri Aprilia

Recent Posts

Awas! 90+ Plugin & Tema AccessPress Memiliki Celah Keamanan!

Apakah Anda pengguna plugin atau tema buatan AccessPress? Jika ya, Anda harus waspada. Pasalnya, peneliti dari Jetpack menemukan celah keamanan…

17 mins ago

12 Framework JavaScript Terbaik 2022

Mau membuat website, web app, bahkan aplikasi dengan mudah? Pakai saja framework JavaScript! Cek 12 rekomendasi framework js terbaik berikut!

9 hours ago

Ingin Menjadi Data Analyst di Niagahoster? Yuk Ikuti DQLab Tetris Program

Memasuki tahun 2022 pastinya Hoster People sudah memiliki banyak rencana dan prospek karir bukan? Atau mungkin saat ini Hoster People…

1 day ago

Beasiswa Data Science dan Kesempatan Internship di Niagahoster Melalui DQLab Tetris Program

Hingga saat ini, sumber daya manusia yang ada masih belum bisa mencukupi kebutuhan tenaga kerja praktisi data yang dibutuhkan industri…

1 day ago

Cara Mengatasi ERR_CACHE_MISS di Google Chrome

Anda menemukan kode error ERR_CACHE_MISS dengan pesan: This site can’t be loaded from the cache saat browsing? Tentu menyebalkan, ya?…

1 day ago

WordPress 5.9 Sudah Rilis! Apa Saja Fitur Barunya?

WordPress 5.9 yang dirilis pada 25 Januari menghadirkan banyak fitur baru dan berbagai peningkatan fitur lainnya. Namun, yang paling ditunggu…

2 days ago