Shortcode WooCommerce: Setiap Informasi yang Perlu Anda Ketahui

Ingin tahu lebih banyak tentang shortcode WooCommerce?

Kami membantu Anda!

Sekarang, jika Anda berpikir bahwa Shortcode ada hubungannya dengan pengkodean.

Lalu tidak ada yang seperti itu.

Anda tidak perlu menulis kode yang panjang & panjang.

Kode pendek, seperti namanya, adalah potongan kecil kode tetapi dapat melakukan banyak fungsi.

Tidak apa-apa jika Anda belum pernah menemukan "shortcode" sebelumnya.

Karena kami hadir untuk memberi Anda informasi lengkap terkait shortcode WooCommerce dan bagaimana Anda bisa mengimplementasikannya.

Anda dapat menempatkan Shortcode di halaman produk, sidebar, widget, dll.

Apa yang mereka lakukan adalah mereka dapat menyederhanakan pengalaman berbelanja, meningkatkan alur pembelian pengguna, dan mengoptimalkan toko online Anda untuk konversi.

Tidak hanya itu, Anda juga dapat menampilkan produk unggulan di halaman beranda, produk terkait, produk unggulan, dan lainnya.

Dalam panduan ini, kami akan membagikan kepada Anda setiap informasi yang terkait dengan Shortcode WooCommerce.

Anda akan tahu bagaimana mereka dapat membantu Anda memberikan pengalaman pengguna yang lebih baik, manfaat mereka, bagaimana Anda dapat menggunakannya secara efektif, dan banyak lagi.

Langsung saja ke “Kode Pendek WooCommerce” kami tanpa membuang waktu lagi.

Apa Sebenarnya Shortcode Itu?

Jelas untuk sampai pada pertanyaan ini “apa sih Shortcode itu?” ketika Anda tidak tahu banyak tentangnya.

Jadi, shortcode adalah kode khusus di WordPress yang diwakili oleh tanda kurung siku [shortcodes] untuk menambahkan beberapa fungsi ke toko eCommerce Anda.

Ini membantu membuat toko Anda lebih menyenangkan, dan pelanggan Anda dapat menemukannya lebih intuitif untuk digunakan.

Selain itu, Anda dapat menggunakan kode pendek untuk membuat beranda Anda lebih personal dan menarik bagi pengguna.

Apa Itu Shortcode WooCommerce?

Sekarang shortcode WooCommerce bukanlah hal baru.

WooCommerce adalah salah satu platform eCommerce yang paling banyak digunakan daripada yang lain.

Ini memiliki berbagai macam kode pendek juga.

Misalnya, jika Anda ingin menampilkan produk terkait di bagian bawah halaman produk.

Alih-alih mengandalkan pengembang, Anda dapat menggunakan kode pendek produk terkait sendiri.

Menggunakan Shortcode, akan ada lebih banyak kemudahan dan kenyamanan.

Namun, menambahkan produk terkait jauh lebih mudah.

Katakanlah jika Anda ingin melihat 5 produk terkait, maka terapkan kode pendek:

 [related_products per_page="5"]

Anda dapat menggunakan kode ini di mana pun Anda ingin menampilkan produk terkait.

Apakah Kode Pendek Berguna?

Jika Anda masih berpikir bahwa Shortcode tidak berguna, maka inilah yang perlu Anda ketahui.

Kode pendek memungkinkan Anda melakukan lebih banyak hal yang berarti Anda dapat dengan bebas menampilkan produk Anda, menambahkan tombol ajakan bertindak di mana pun Anda ingin menampilkannya.

Kode pendek berguna, ini akan membebaskan Anda dari kode kompleks yang lebih panjang.

Selain itu, kode pendek sangat berguna saat Anda menjalankan toko eCommerce.

Anda dapat memberi pelanggan Anda sedikit lebih banyak daripada pesaing Anda.

BAGAIMANA?

Anda dapat menarik mereka dengan kode pendek, Anda juga dapat meningkatkan konversi dengan kode pendek.

Anda dapat dengan cepat menambahkan tombol ajakan bertindak ke situs Anda menggunakan Kode Pendek.

Kode pendek terbatas pada ini, tetapi mereka bahkan dapat membantu Anda membuat kisi item yang sedang dijual untuk ditampilkan kepada pelanggan.

Hampir tidak ada batasan dengan Shortcode dalam hal menyesuaikan toko Anda.

Apa Manfaat Shortcode?

Ya, ada manfaat tertentu menggunakan Shortcode.

Faktor penting pertama adalah fleksibilitas yang berarti Anda dapat mengubah tampilan toko Anda dengan menggunakan kode pendek.

Anda dapat dengan mudah menyesuaikan tema dan menggunakannya untuk mendapatkan pengalaman yang lebih baik dan lebih personal bagi pelanggan Anda.

Apa yang lebih menarik?

Kode pendek akan sepenuhnya menghilangkan kebutuhan untuk menulis kode yang panjang, dan sebagai hasilnya, mereka akan membantu menghemat waktu Anda.

Selain itu, Anda dapat melakukan beberapa transaksi sekaligus.

Bagaimana Cara Menggunakan Shortcode WooCommerce?

Seperti yang kami katakan berkali-kali di atas bahwa Shortcode adalah bagian kecil dari kode yang dapat Anda tempatkan di mana saja di situs Anda.

Selain itu, Anda tidak perlu belajar coding untuk menggunakan shortcode.

Di sini kami akan memberi tahu Anda bahwa Anda dapat menggunakan kode pendek:

Cukup tambahkan kode pendek ke editor teks WordPress atau Anda juga dapat menggunakan blok kode pendek (jika Anda menggunakan Gutenberg atau Elementor atau pembuat halaman lainnya).

Selanjutnya, beberapa shortcode dapat digabungkan dan ditampilkan dalam satu halaman.

Anda dapat memeriksa tangkapan layar di bawah ini tentang tampilannya memiliki dua kode pendek pada halaman yang sama.

Daftar Shortcode WooCommerce

Berikut adalah daftar semua shortcode WooCommerce yang penting.

Mari kita periksa apa yang ditawarkan masing-masing Shortcode ini dan bagaimana Anda dapat menggunakannya.

Kode Pendek Halaman:

Namun, WordPress hadir dengan empat halaman default yang menyediakan kode pendek, jadi Anda tidak perlu menambahkannya secara manual.

Jika dalam beberapa kasus, Anda tidak akan mendapatkan kode pendek maka Anda membuat ulang halaman dengan kode pendek.

• Keranjang
• Periksa
• Akun saya
• Pelacakan pesanan

1.1. Keranjang WooCommerce:

 Shortcode : [woocommerce_cart]

Keranjang belanja WooCommerce memungkinkan Anda untuk mewakili keranjang belanja pelanggan di bagian depan situs web Anda.

Anda dapat menggunakan kode ini untuk menambahkannya ke halaman atau posting WordPress atau menampilkannya di area widget (seperti bilah sisi).

Saat Anda menginstal dan mengaktifkan WooCommerce di situs web Anda, itu akan secara otomatis membuat beberapa halaman default yang menyertakan halaman Keranjang, yang menggunakan kode pendek ini.

Kode pendek dapat digunakan untuk menghubungkan keranjang ke bagian lain dari situs Anda.

1.2. Halaman Pembayaran WooCommerce:

 Shortcode : [woocommerce_checkout]

Dengan menggunakan kode pendek ini di situs Anda, Anda dapat membuat halaman checkout lengkap di situs eCommerce Anda.

Halaman ini juga dibuat secara otomatis saat Anda menginstal WooCommerce.

Kode pendek checkout WooCommerce sering kali menyertakan informasi penagihan, informasi pesanan, dan kemampuan untuk mengirim ke alamat yang berbeda.

1.3. Akun saya:

 Shortcode: [woocommerce_my_account]

SEKARANG, WooCommerce juga akan secara otomatis membuat halaman akun saya segera setelah Anda menginstalnya.

Selanjutnya, bagian ini mencakup informasi pribadi Anda seperti nama, email, nomor telepon, dan semua informasi lain yang diperlukan untuk membuat akun di toko WooCommerce.

1.4. Formulir Pelacakan Pesanan:

 Shortcode: [woocommerce_order_tracking]

Namun, halaman ini tidak seperti tiga lainnya yang disebutkan di atas.

Halaman ini tidak dibuat secara otomatis. Anda harus membuat halaman dengan menambahkan kode pendek di editor teks untuk membuatnya sendiri.

Sekarang yang akan terjadi adalah pelanggan Anda dapat melihat dan melacak status pesanan mereka yang sedang berlangsung.

Kode Pendek Produk:

Kode pendek produk akan memberi Anda fungsionalitas yang kuat saat diterapkan di toko Anda.

Saat Anda menambahkannya, beranda toko dan halaman produk Anda akan berubah secara dramatis.

Kode ini menunjukkan kategori produk serta modifikasi atau beberapa jenis daftar.

Memungkinkan Anda menampilkan id produk, SKU, nama, tag, dan penyortiran acak, antara lain.

Anda tidak perlu memperbarui atribut produk apa pun lagi setelah Anda menambahkan kode pendek untuk atribut tersebut.

Data dari halaman sebelumnya akan diambil secara otomatis.

Mari kita lihat berbagai shortcode yang tersedia untuk produk Anda.

2.1. Tampilkan produk dalam urutan tertentu

Jika Anda ingin menampilkan produk Anda dalam urutan yang sangat spesifik, berikut adalah kode pendek untuk digunakan:

 Shortcode: [products ids="23, 13, 12, 11, 24, 16" orderby="post__in"]

2.2. Produk terbaru

Anda mungkin tahu bahwa setiap toko WooCommerce menawarkan opsi untuk pencarian terbaru Anda untuk mengingatkan Anda tentang apa yang Anda cari sebelumnya.

 Shortcode: [recent_result per_page=”8″ columns=”4″ orderby=”date” order=”ASC/DESC”]

2.3. item penjualan acak

Gunakan kode pendek di bawah ini untuk menampilkan item penjualan acak.

 Shortcode: [result limit=”n” columns=”n” orderby=”most-approved” class=”sale” on_sale=”true/false”]

2.4. Produk kategori tingkat atas

Jika Anda ingin menampilkan produk kategori tingkat atas, pertimbangkan untuk menggunakan kode pendek ini.

Di ujung etalase, kode ini akan menampilkan semua produk kategori tingkat atas.

 Shortcode: [result_categories number=”0″ parent=”0”]

2.5. Produk dari tag tertentu

Gunakan kode pendek sederhana ini untuk menampilkan tag produk.

 Shortcode: [result tag=”t-shirt”]

Misalkan hasil = produk

Kode Pendek Halaman Produk:

Ini adalah jenis kode pendek WooCommerce lain yang dapat Anda gunakan untuk menampilkan halaman produk yang berbeda menggunakan dua atribut:

• ID produk dan SKU.

Berikut adalah kedua kode pendek yang dapat Anda gunakan:

 Shortcode: [product_page]

 Shortcode: [product_page sku="hoodie"]

Shortcode Produk Terkait:

Kode pendek yang sangat berharga & berguna.

Anda harus menggunakan kode pendek ini karena setiap kali pelanggan Anda berada di halaman produk Anda, mereka lebih cenderung menjelajahi produk terkait.

Sama seperti Amazon, Anda akan memiliki produk terkait tepat di bawah produk Anda saat ini.

Bagaimana itu akan meningkatkan konversi Anda?

Katakanlah jika seseorang sedang meneliti tentang "tas olahraga" yang berarti pelanggan Anda mungkin membutuhkan produk lain yang berhubungan dengan olahraga.

Itulah mengapa menampilkan produk terkait membantu meningkatkan penjualan Anda.

 Shortcode: [related_products per_page="5"]

Jika Anda ingin menampilkan 6 produk terkait, cukup ubah nilainya menjadi 6.

Tambahkan ke Keranjang Kode Pendek:

Menggunakan kode pendek “Tambahkan ke troli” adalah cara luar biasa lainnya untuk meningkatkan pengalaman pengguna Anda.

Bagaimana google ini membantu meningkatkan penjualan Anda?

Misalnya, Anda dapat menggunakan kode pendek ini di blog Anda atau halaman lain di mana pelanggan Anda dapat langsung menambahkan produk ke keranjang belanja mereka.

 Shortcode: [add_to_cart sku="loafers"]

Selain itu, jika Anda ingin mengarahkan pembeli Anda ke URL lain alih-alih menambahkan item ke troli.

Anda dapat menggunakan tombol edit kode pendek WooCommerce add to cart ini.

 Shortcode: [add_to_cart_url]

Beberapa Kode Pendek Produk:

Sekarang terlalu mudah untuk menggunakan banyak produk dengan bantuan kode pendek.

 Shortcode: [products ids=”1, 2, 3, 4, 5″]

 Shortcode: [products ids=”1, 2, 3″ orderby=”date” columns=”3″ order=”desc”]

Anda dapat menampilkan beberapa produk (dipilih) pada halaman atau posting dengan tombol tampilan cepat.

Meskipun demikian, Anda dapat mengubah kode pendek sesuai dengan kebutuhan Anda.

Kode Pendek Bidang Pencarian Produk:

Kode pendek lain yang berguna.

 Shortcode: [woocommerce_product_search]

Anda dapat menggunakan kode pendek ini untuk menambahkan fungsi pencarian langsung dan filter langsung ke halaman atau bagian blog Anda.

Plugin Shortcode WooCommerce

Ketika datang ke plugin, maka ada banyak plugin Shortcode di luar sana.

Tapi apa yang terbaik untuk Anda?

Namun, kami menyarankan Anda untuk menggunakan plugin shortcode WooCommerce dari WooThemes.

Dan kabar baiknya adalah aplikasi ini sepenuhnya gratis untuk digunakan.

Setelah mengaktifkan plugin, Anda akan melihat tombol drop-down ke editor teks WordPress.

Ini akan memberi Anda akses cepat ke semua shortcode bawaan WooCommerce.

Tidak hanya itu, tetapi juga menghilangkan kebutuhan untuk menyalin dan menempelkan kode pendek.

Tahu Cara Kerja Shortcode WooCommerce?

Sekarang setelah Anda mempelajari banyak tentang Kode Pendek, mari kita juga temukan cara kerja Kode Pendek.

Meskipun shortcode tampak sederhana, mereka juga yang paling kuat.

Anda tahu bagaimana kode pendek ditulis, satu kata atau kumpulan kata yang dihubungkan dengan garis bawah.

Berikut adalah sampelnya:

• [sample_shortcode]
• [get_recent_comments]
• [woocommerce_product_search]

Shortcode bekerja berbeda, beberapa shortcode berfungsi sendiri, sedangkan yang lain bekerja dengan beberapa parameter.

Parameter

Sekarang, bagaimana cara kerja parameter?

Parameter juga disebut sebagai argumen, pekerjaan parameter adalah bahwa mereka adalah
baris tambahan yang membuat tindakan kode pendek lebih spesifik.

Fungsi parameter adalah bahwa mereka adalah baris tambahan yang membuat tindakan kode pendek lebih spesifik.

Namun, Anda harus tahu bahwa parameter digunakan oleh sebagian besar shortcode WooCommerce, mereka tidak digunakan oleh semuanya.

Bagaimana Cara Memperbaiki Jika Shortcode Tidak Berfungsi?

Jika terkadang, kode pendek WooCommerce tidak berfungsi dengan baik.

Anda harus tahu bagaimana Anda bisa memecahkan masalah itu.

Apa yang terjadi adalah Anda menempelkan kode pendek WooCommerce yang tepat ke dalam editor teks, tetapi kode tersebut tidak ditampilkan dengan benar atau memberi Anda hasil yang salah.

Di sini yang perlu Anda lakukan adalah Anda perlu memastikan bahwa kode pendek tidak salah disematkan di dalam tag pra>.

Namun, Anda dapat menghapus tag ini menggunakan editor teks HTML.

Apa Lagi yang Perlu Anda Ketahui Tentang Shortcode WooCommerce?

Kami cukup banyak selesai dengan shortcode WooCommerce di sini.

Kode pendek akan menyelamatkan Anda dari keharusan menulis kode panjang dan akan membantu Anda menyesuaikan toko Anda.

Kita dapat melihat bahwa kode pendek WooCommerce adalah cuplikan fungsionalitas yang sangat berguna yang akan membantu pemilik toko mana pun yang menggunakan platform ini.

Mereka juga sangat berguna dan praktis untuk meningkatkan pengalaman pembeli Anda atau menyederhanakan navigasi dan checkout toko Anda.

Jadi berapa banyak dan bagaimana Anda akan menggunakan shortcode WooCommerce?