5 Cara mudah untuk menampilkan produk di toko online wordpress

Menampilkan produk di toko online WordPress benar-benar bisa menjadi mimpi buruk bagi pemula eCommerce. Ketika saya mulai membangun toko online saya, saya pikir akan sangat mudah untuk menempatkan barang-barang saya di beranda situs web saya. Tapi seluruh tugas itu merupakan perjuangan yang berat!

Menurut pengalaman saya sendiri, menampilkan produk di situs Anda dapat menghabiskan banyak waktu Anda, terutama jika Anda baru mengenal eCommerce. Saya mengetahui bahwa ini adalah tugas yang membutuhkan pengetahuan yang baik tentang WordPress.

Produk Yang Ditampilkan Di Toko Online

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

Jika Anda membuat toko online WordPress untuk pertama kalinya, Anda pasti perlu mempelajari cara membuat situs web umum dengan sistem manajemen konten ini. Anda juga perlu menguasai hal-hal seperti plugin eCommerce, widget, dan kode pendek. Selain itu, jika Anda menggunakan WooCommerce, Anda perlu mengetahui tentang opsi tampilan produk yang tersedia dan memahami pengaturan umum plugin. Panduan sederhana tentang cara membuat toko online dan menampilkan barang (oleh Riccardo Andronaco) menjelaskan semua ini dan saya merasa cukup membantu.

Pada artikel ini, saya akan membahas lima cara untuk menampilkan dan mengatur produk di situs web eCommerce WordPress. Baca terus untuk mengetahui cara menampilkan item di halaman situs Anda dan cara mengaturnya sesuai dengan itu.

Lima Cara Menampilkan dan Mengatur Item di Toko Online WordPress

1. Metode otomatis
2. Widget
3. Plugin
4. Kode pendek
5. Penggeser

1. Menggunakan Metode Otomatis

Seperti namanya, Anda tidak perlu melakukan apa pun untuk menampilkan produk di halaman toko. Item ditampilkan saat Anda menambahkannya dari dasbor. Mereka secara otomatis diatur dalam urutan abjad atau secara acak dengan atau tanpa kategori tergantung pada pengaturan tampilan WooCommerce Anda.

Homepage hanya bisa menampung produk dalam jumlah tertentu, artinya jika Anda memiliki produk dalam jumlah besar, sebagian akan ditempatkan pada halaman 2, 3, 4 dan seterusnya.

Cara ini menyulitkan pelanggan Anda untuk mengetahui semua jenis produk di toko Anda karena tidak menyertakan kategori dan beberapa item disembunyikan di halaman lain.

Anda mungkin harus menghindari metode ini jika Anda dapat menggunakan beberapa metode yang lebih baik (dijelaskan di bawah) untuk menampilkan item. Tetapi jika Anda memiliki sejumlah item yang dapat muat pada satu halaman yaitu, beranda, maka Anda dapat menggunakan metode ini.

Produk Ditampilkan Secara Acak

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

2. Menggunakan Widget

Seperti yang mungkin Anda ketahui, widget di WordPress adalah sekumpulan kecil konten yang dapat ditempatkan di bagian sidebar dan footer. Ini memberikan cara sederhana dan mudah untuk menyesuaikan situs web. Beberapa widget umum meliputi: kiriman terbaru, kotak pencarian, kategori, dan menu footer.

Di situs web eCommerce, widget dapat digunakan untuk menampilkan kategori produk di sidebar atau footer. Oleh karena itu, mereka dapat menjadi cara yang bagus untuk meningkatkan metode otomatis (dibahas di atas) yang tidak menampilkan kategori produk.

Beberapa widget hebat yang hadir dengan tema WordPress eCommerce termasuk produk populer, produk terbaru, produk terlaris, produk peringkat teratas, dan produk unggulan. Widget ini dapat disesuaikan yang berarti Anda dapat mengganti namanya dengan kategori item Anda yang sebenarnya. Anda juga dapat menyeret dan melepaskannya untuk mendapatkan pengaturan yang sesuai dengan gaya Anda.

Karena widget hanya dapat menampilkan produk di sidebar dan footer, sebagian besar pemilik toko online menganggapnya tidak diinginkan. Tempat terbaik untuk menampilkan item adalah di bilah utama halaman, sesuatu yang tidak dapat dicapai dengan widget.

Produk Ditampilkan Di Sidebar Dengan Bantuan Plugin

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

3. Menggunakan Plugin

Di WordPress, plugin adalah sekumpulan program yang berisi sekelompok fungsi, fitur, atau layanan. Dalam sistem manajemen konten ini, ada puluhan ribu plugin (gratis dan premium) yang cocok untuk berbagai kebutuhan. Ada plugin untuk semua jenis website, contohnya ada plugin untuk eCommerce (seperti WooCommerce), direktori, blog, penjualan kembali dan platform pemesanan.

Jika ingin menampilkan dan mengatur item di toko online, ada banyak sekali plugin yang dapat Anda gunakan untuk melakukan tugas ini. Tetapi sebagian besar plugin tidak cukup efektif, jadi Anda harus menggunakan yang telah terbukti berfungsi.

Plugin yang paling direkomendasikan untuk menampilkan item di toko online WordPress adalah Katalog Produk Utama dan Urutan dan Tampilan Produk WooCommerce.

Plugin sort-and-display bekerja lebih baik dengan plugin lain bernama Endless Scroll yang memungkinkan Anda untuk menampilkan banyak item di halaman toko Anda. Setelah menginstal dan mengaktifkan dua plugin, Anda perlu pergi ke kategori produk dan drag and drop kategori untuk mendapatkan tampilan yang benar. Anda kemudian dapat mengatur jumlah produk yang akan ditampilkan per kategori dengan link untuk melihat semua.

Sedangkan untuk pengurutan, plugin dilengkapi dengan pengurutan default dan urutkan berdasarkan popularitas, kebaruan, harga (rendah ke tinggi dan sebaliknya), dijual dan unggulan. Beberapa fitur ini hadir dengan versi premium plugin, jadi disarankan untuk menggunakan versi ini.

Plugin lainnya, Ultimate Product Catalog, agak rumit. Setelah menginstal dan mengaktifkan plugin, Anda perlu menambahkan semua produk dan kategori Anda ke dalamnya untuk mendapatkan ID yang dapat Anda gunakan di shortcode untuk menampilkan item Anda. Anda juga perlu membuat beberapa katalog kecil untuk item Anda.

Misalnya, shortcode berikut akan menampilkan produk di katalog dengan ID "x".

atau

Plugin ini dikemas dengan fitur-fitur seperti tata letak katalog yang dapat disesuaikan, harga jual, impor produk, simbol mata uang, remah roti, berbagi media sosial, ulasan & peringkat produk, integrasi SEO oleh Yoast, dan sejumlah besar opsi pengaturan.

Gaya katalog produk yang termasuk dalam plugin meliputi: tata letak minimalis, blok, hover, dan tab. Beberapa gaya ini, dan juga beberapa fitur yang dijelaskan di atas, tersedia dengan plugin versi premium.

Produk Ditampilkan Dalam Gaya Blok Dengan Bantuan Plugin

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

4. Menggunakan Shortcode

Jika Anda menggunakan WooCommerce untuk toko online Anda, Anda dapat menemukan kode pendek sebagai cara termudah untuk menampilkan produk di halaman toko Anda. Kode pendek berfungsi dengan ID produk dan kategori serta SKU, dan hanya dapat disalin dan ditempelkan pada halaman toko untuk menampilkan item. Lihat shortcode di bawah ini.

- Menampilkan daftar kategori.

- menunjukkan jumlah kategori tertentu, dan berfungsi dengan baik dengan argumen berikut. Catatan: Argumen ini juga dapat berfungsi dengan kode pendek ini.

• number = "null" - untuk menunjukkan jumlah kategori.
• orderby = "name" - untuk menampilkan kategori ketika diurutkan berdasarkan nama. Catatan: Nilai "nama" dapat diganti dengan tanggal, rand (acak), dimodifikasi dan tidak ada.
• order = "asc" - untuk menampilkan kategori saat diurutkan dalam urutan naik. Catatan: Nilai "asc" bisa diganti dengan "desc" untuk mengurutkan dalam urutan turun.
• kolom = "x" - untuk menampilkan kolom "x" dari sebuah kategori.
• hide_empty = "1" - untuk menyembunyikan kategori.
• hide_empty = "0" - untuk menampilkan kategori.
• parent = "0" - untuk menampilkan kategori tingkat atas.
• ids = "x" - untuk menampilkan kategori dengan id "x".
• kategori = "x" - untuk menampilkan kategori "x".

• category_limit - untuk menampilkan kategori terbatas.
• archive_template - untuk menampilkan templat arsip tertentu untuk daftar tertentu.
• design_scheme - untuk menampilkan warna atau ukuran tertentu.
• sort = "0" - untuk menonaktifkan pemilih jenis produk.
• sort = "1" - untuk mengaktifkan pemilih urutan produk.
• = "1" - untuk mengaktifkan shortcode.
• post_type - untuk menampilkan entri dari jenis posting yang berbeda.
• per_row - untuk menampilkan produk per baris.
• kosong - untuk menampilkan teks tertentu ketika tidak ada produk untuk ditampilkan.

• - Menampilkan item "y" dari kategori "x" yang ditampilkan di kolom "z" dan disusun dalam urutan menurun tergantung pada tanggal diposting.
• - menunjukkan daftar produk.
• - menunjukkan nama produk. Catatan: Nilai "nama" dapat diganti dengan nilai lain untuk membentuk lebih banyak kode pendek. Beberapa nilai ini meliputi: harga, deskripsi, deskripsi singkat, tabel atribut, SKU, pengiriman, galeri, dan kategori terkait.
• - Menampilkan kategori untuk halaman daftar produk saat ini.
• - Menampilkan produk untuk halaman daftar produk saat ini.
• - menunjukkan remah roti.
• - Menunjukkan sejumlah produk.
• - Menampilkan kembali ke URL produk yang mengarah ke halaman daftar produk utama.
• - Menunjukkan produk yang sedang dijual.
• - menunjukkan produk dengan id "x".
• - menampilkan produk dengan id "x", "y" dan "z".
• - menunjukkan produk dengan SKU "xyz"
• - menampilkan produk dengan SKU "abc", "def" dan "ghi".
• - menunjukkan harga dan tombol tambahkan ke keranjang untuk produk dengan id "x".
• - menunjukkan harga dan tombol tambahkan ke keranjang untuk produk dengan SKU "x".
• - menampilkan item "x" maksimum.
• - Menampilkan produk dengan atribut tertentu yaitu atribut "color" dan warna "hitam".

• - Menampilkan produk terbaru "x" yang ditampilkan di kolom "y" dan disusun dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan produk unggulan "x" yang ditampilkan di kolom "y" dan diatur dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan produk populer "x" yang ditampilkan di kolom "y" dan diatur dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan produk dengan nilai tertinggi "x" yang ditampilkan di kolom "y" dan disusun dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan produk terlaris "x" yang ditampilkan di kolom "y" dan disusun dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan produk terkait "x" yang ditampilkan di kolom "y" dan diatur dalam urutan menurun tergantung pada tanggal diposting.
• - Menampilkan daftar produk dengan templat daftar klasik. Catatan: Template lain seperti 'grid' dan 'default' dapat digunakan sebagai pengganti 'list'.
• - Menampilkan produk dari kategori dengan id "x" dan dengan template daftar klasik.

Catatan: Jika Anda ahli dalam pengkodean, Anda dapat mengubah kode pendek ini untuk mencapai tampilan dan pengaturan produk yang lebih baik.

Kode Pendek Disisipkan Pada Halaman

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

5. Menggunakan Sliders

Jika Anda tidak tahu, slider adalah elemen halaman web yang digunakan untuk menyorot sekelompok posting yang dipilih. Ini seperti tayangan slide yang artinya menampilkan satu posting pada satu waktu, bergerak dari satu ke yang berikutnya secara otomatis atau melalui klik.

Untuk menampilkan produk dengan slider, Anda perlu mengganti postingan dengan produk Anda. Saat membuat slider produk, Anda memerlukan plugin slider responsif seperti Soliloguy. Setelah menginstal dan mengaktifkan plugin, Anda perlu menambahkan slider baru, dan Anda dapat melakukannya dengan menggunakan foto, tautan, dan detail lain yang diperlukan dari item Anda. Langkah selanjutnya adalah menyimpan atau menerbitkan slider Anda untuk mendapatkan kode pendek dan tag templat.

Terakhir, Anda perlu menyalin dan menempelkan kode pendek di beranda atau halaman lain untuk menampilkan produk. Tag template dapat menampilkan item di bagian tajuk tema Anda. Anda hanya perlu menyalin tag, buka header.php Anda dan menempelkannya di halaman kode.

WooCommerce memiliki plugin bernama Products Slider yang disesuaikan untuk eCommerce. Ini berfungsi seperti plugin slider biasa, tetapi ini menampilkan beberapa pengaturan dan opsi lagi. Saya mendorong Anda untuk melihat apakah itu dapat membantu Anda dengan tampilan dan pengaturan barang.

Produk Ditampilkan Di Slider

Oleh Jan Saints (Karya sendiri): CC-BY-2.0

Kesimpulan

Menampilkan dan mengatur item di situs web eCommerce WordPress Anda cukup sederhana dan mudah dengan lima metode ini. Jika selama ini Anda merasa kesulitan untuk menampilkan dan menata produk di toko online Anda, sebaiknya sekarang mulai melakukan kedua tugas tersebut dengan sangat mudah. Cukup pilih metode yang menurut Anda dapat bekerja untuk Anda dan tempatkan produk tersebut di beranda Anda dengan cara yang lebih cerdas.

Referensi

1. Mening. R. Cara Membangun Toko Online dengan WordPress dan WooCommerce. websitesetup.org . Penyiapan Situs Web. (2017).
2. Andronaco R. Cara Membuat Toko Online Menggunakan WooCommerce dan Wordpress: Panduan Sederhana untuk Menyiapkan Situs E-Commerce yang Sempurna. (2017).
3. Rastaurius E., Desain Web Etoile. Katalog Produk eCommerce untuk WordPress. wordpress.org. implecode. (2017).
4. WooCommerce. Kode Pendek Disertakan dengan WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Perangkat Lunak Ar3rev. Jenis Produk WooCommerce dan Plugin Tampilan. wordpress.org. Perangkat Lunak Ar3rev. (2013).
6. YiThemes. Plugin Yith Infinite Scrolling. wordpress.org. YITHEMES. (2017).
7. Razzak S. Panduan Eksklusif Untuk Plugin Penggeser Produk WooCommerce. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Cara Mudah Membuat Slider WordPress Responsif dengan Soliloquy. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores