Pernahkah Anda ingin membuat kotak yang dapat disortir dan disaring yang berisi semua atau sebagian dari produk WooCommerce Anda?

Jika Anda mengoperasikan toko WooCommerce, Anda tahu bahwa WooCommerce sudah dilengkapi dengan halaman arsip khusus yang membantu Anda menampilkan produk individual.

Namun, tergantung pada apa yang Anda jual, ini tidak selalu menjadi cara paling efektif untuk memamerkan produk Anda.

Dalam beberapa kasus, menampilkan produk WooCommerce dalam kotak lebih efisien.

Dan jika itu terdengar seperti situasi Anda, Anda baik-baik saja karena saya akan menunjukkan kepada Anda cara membuat kisi-kisi produk WooCommerce Anda.

Tetapi jika Anda belum pernah menginstal WordPress, temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Apa yang dapat Anda lakukan dengan sejumlah produk WooCommerce?

Meskipun bukan daftar lengkap, berikut adalah beberapa situasi di mana kisi produk dapat memberikan pengalaman yang lebih baik kepada pengunjung daripada laman arsip biasa Anda:

Temukan Cara memasang toko online di WordPress dengan plugin WooCommerce

• Toko grosir - jika Anda grosir banyak produk, memberi pelanggan Anda cara mudah untuk menyortir atau memfilter kisi mungkin lebih ramah pengguna daripada meminta mereka menjelajahi halaman produk individual.
• Katalog produk - demikian pula, jika Anda hanya ingin menampilkan katalog produk yang mudah dijelajahi, kisi sortir / filter AJAX akan menghemat waktu pelanggan (dan pemuatan ulang halaman).
• Formulir Pemesanan - jika Anda ingin membuat formulir pemesanan berdasarkan produk WooCommerce, kisi menyediakan cara yang sangat mudah untuk melakukannya. Ini juga merupakan pendekatan yang baik untuk menampilkan menu restoran dan menerima pesanan online.

Cara membuat kisi-kisi produk WooCommerce

Kami akan menggunakan plugin Tabel Produk WooCommerce. Plugin ini berfokus pada pembuatan kisi produk. Dan berkat parameter antarmukanya dan Kode pendek, Anda dapat menyesuaikan hampir semua aspek cara kerja kisi Anda.

Baca juga panduan kami di: Cara meningkatkan waktu yang dihabiskan di blog WordPress Anda

Berikut adalah beberapa fitur yang paling berguna, menurut saya:

• Tambahkan atau hapus kolom dengan mudah Anda bahkan dapat menambahkan kolom yang berisi bidang khusus atau taksonomi khusus, dan Tabel Produk WooCommerce sepenuhnya terintegrasi dengan Bidang Kustom Lanjutan.
• Widget filter 4 disertakan. Ini memungkinkan Anda memberikan pengalaman yang mulus bagi pembaca dengan menawarkan opsi pemfilteran di sidebar Anda.
• Variasi produk / dukungan atribut. Pilih dari 3 cara berbeda untuk menampilkan variasi produk di kisi Anda.
• Kotak pilihan ganda. Ini memfasilitasi pembuatan formulir pemesanan dengan memungkinkan pelanggan memilih beberapa produk sebelum menambahkannya ke keranjang belanja mereka.
• Pencarian Instan, Sortir dan Saring . Pelanggan dapat memanipulasi data kisi Anda tanpa memuat ulang laman.
• Add to Cart . Demikian pula, pelanggan dapat menambahkan produk ke keranjang mereka tanpa memuat ulang halaman.
• Dukungan Beban malas. Berguna untuk meningkatkan kinerja grid besar ( meskipun hal ini memengaruhi kemampuan untuk menawarkan pemilahan atau pemfilteran instan )

Berikut cara menggunakan plugin ini ...

Langkah 1: Mengkonfigurasi Fitur Kisi Default

Setelah menginstal dan mengaktifkan plugin, hal pertama yang harus dilakukan adalah mengkonfigurasi fungsionalitas default untuk grid Anda. Lihatlah panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Ini pada dasarnya mendefinisikan perilaku default dari shortcode. Tetapi Anda juga dapat mengubah perilaku ini untuk masing-masing kisi dengan menambahkan parameter ke kode pendek.

Untuk mengakses pengaturan plugin, buka WooCommerce → Pengaturan. Kemudian klik tab tersebut Produk dan pilih opsi Tabel produk :

Mengonfigurasi tampilan kisi Anda

Pertama-tama, Anda dapat memilih gaya kisi Anda di bagian tersebut Desain Meja. Anda dapat melakukannya dengan:

• Default - seperti yang dapat Anda bayangkan, opsi ini menggunakan pengaturan default plugin tanpa campur tangan Anda lebih lanjut. Dia akan mencoba menggunakan tema blog Anda saat ini sebanyak mungkin.
• personnalisé : saat dipilih, ini memperluas daftar opsi gaya yang memungkinkan Anda menyesuaikan warna dan ukuran font tanpa perlu CSS khusus.

Setelah mengatur gaya Anda, Anda harus mengonfigurasi default kode pendek. Sekali lagi, Anda dapat mengeditnya untuk masing-masing kode pendek melalui parameter yang terakhir. Namun penyiapan akan menghemat waktu Anda dan membuat segalanya menjadi lebih mudah nanti.

Sebagian besar pengaturan cukup jelas, dan Anda dapat melihat bahwa Tabel Produk WooCommerce melakukan pekerjaan yang baik dalam memberikan tooltips atau tautan dokumentasi untuk membantu Anda mempelajari lebih lanjut tentang setiap pengaturan.

Temukan juga Bagaimana menambahkan sebuah toko WooCommerce di Facebook

Setelah Anda menetapkan default kode pendek, Anda dapat menggulir lebih jauh untuk mengonfigurasi pengaturan tata letak dan fitur yang lebih canggih.

Sekali lagi, plugin ini bekerja dengan baik; yang memberikan informasi tambahan untuk parameter apa pun yang mungkin agak sulit dipahami. 

Cara mengontrol stok toko online WooCommerce Anda ? Temukan dengan mengklik tautan ini.

Satu hal yang perlu diperhatikan adalah pembatasan biaya progresif. Jika Anda memutuskan untuk menggunakan pemuatan progresif untuk mempercepat toko online Anda, Anda akan membatasi fungsi pencarian dan pengurutan plugin.

Lihat juga pilihan kami 12 plugin WooCommerce terbaik untuk meningkatkan toko online Anda

Setelah konfigurasi selesai, pastikan untuk menyimpan perubahan Anda.

Langkah 2: Tambahkan Widget Grid WooCommerce (Opsional)

Seperti yang saya sebutkan, Tabel Produk WooCommerce juga menawarkan empat widget untuk membantu Anda menambahkan opsi pemfilteran ke sidebar Anda ( yang Anda bisa untuk toko-toko WooCommerce klasik ).

Untuk mengaksesnya, buka Penampilan → Widget seperti biasa dan geser pada widget yang diinginkan:

Langkah 3: Tambahkan kode pendek di mana Anda ingin menampilkan kisi produk Anda

Anda berada di garis finish! Sekarang yang perlu Anda lakukan hanyalah menambahkan kode pendek [product_table] di mana pun Anda ingin kisi Anda muncul.

Temukan juga Bagaimana menemukan link ke halaman login WordPress

Secara default, kode pendek akan bekerja sesuai dengan pengaturan yang Anda pilih di langkah 1. Tetapi jika Anda ingin menyesuaikan fungsionalitas untuk kode pendek tertentu, Anda dapat melakukannya menggunakan banyak parameter kode pendek tersedia.

Misalnya, untuk hanya menggunakan kisi pada produk dari kategori tertentu, Anda dapat menambahkan parameter seperti ini:

[product_table kategori="topi"]

Anda bahkan dapat berkreasi dan menggunakan kondisi DAN / ATAU di sini.

Sebagai contoh:

• [product_table kategori= "topi + in bintang« ] hanya menampilkan produk milik waktu ke kategori topi et di bintang-bintang.
• [ Product_table kategori= "topi di bintang "] menampilkan produk yang apakah topi ou kategori bintang.

Perhatian terhadap detail kecil inilah yang membuat kisi-kisi produk WooCommerce begitu hebat. 

Lihat juga kami Plugin 6 WordPress untuk memberikan kehidupan baru ke dalam artikel Anda

Dan hanya itu saja yang ada dengan kisi produk di WooCommerce!

Harga plugin Tabel Produk WooCommerce

Tabel Produk WooCommerce secara eksklusif merupakan plugin premium. Meskipun ada beberapa opsi gratis yang terdaftar di direktori WordPress.org, saya belum menemukan yang fleksibel atau terdokumentasi dengan baik, jadi saya pikir Tabel Produk WooCommerce sepadan dengan harganya, yang ...

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. HBook

HBook adalah Ekstensi WordPress yang akan memungkinkan Anda untuk dengan mudah membuat solusi reservasi online di situs web Anda.

Sangat cocok untuk siapa saja yang memiliki bisnis di sektor perhotelan (hotel, apartemen liburan, berkemah, dll.).

Temukan juga milik kami Plugin 5 WordPress untuk membagikan konten blog Anda

melalui WordPress Plugin HBook, Anda dapat menambahkan kalender ketersediaan, daftar harga, dan formulir pemesanan ke situs web Anda, hanya dalam hitungan detik.

Download | Demo | Hébergement Web 

2. WooCommerce Tabs Pro: Tab Ekstra untuk Halaman Produk

Ce WordPress Plugin memberi Anda tab tambahan tak terbatas pada halaman produk.

Fitur utamanya adalah: kemungkinan ubah judul tab, a editor untuk mengedit konten khusus, halkemungkinan menyematkan tab atau tidak, pilihan ikon untuk tab, penghapusan mudah tab, pkustomisasi posisi tab pada antarmuka publik, et lagi ...

Download | Demo | Hébergement Web

3. Plugin Referal Multilevel WooCommerce

Plugin WooCommerce ini memungkinkan afiliasi Anda untuk mendapatkan poin kredit jika pelanggan mereka membeli produk Anda dari toko online yang ada.

Fitur-fiturnya antara lain: konfigurasi batas kredit dan penebusan yang dipersonalisasi, laporan administrasi lengkap untuk pengguna terdaftar, pengelolaan parameter global atau khusus produk, dukungan shortcode, dan masih banyak lagi.

Temukan juga Cara menambahkan formulir kontak tarik-turun ke tajuk global Anda

Ini adalah sistem afiliasi multi-level WooCommerce, sesuatu yang berada di luar sistem transaksi afiliasi pada umumnya.

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

• Tema 9 WordPress untuk membuat bio situs penjualan produk
• Layanan 6 CDN untuk meningkatkan kecepatan blog WordPress Anda 
• Cara membuat program afiliasi Anda dengan WP Affiliate PlatForm
• Cara memperbarui plugin WordPress secara manual

Kesimpulan

Itu dia! Itu saja untuk tutorial ini. Saya harap Anda dapat membuat kisi-kisi produk WooCommerce di WordPress. merasa bebas untuk bagikan tip dengan teman-teman Anda di jejaring sosial Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...