Loncat ke Konten Utama

Cara membuat kisi-kisi produk WooCommerce di WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

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

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

Tetapi tergantung pada apa yang Anda jual, itu tidak selalu cara yang 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 ini bukan daftar lengkap, berikut adalah beberapa situasi di mana kisi-kisi produk dapat menawarkan pengalaman yang lebih baik kepada pengunjung daripada halaman arsip biasa:

Temukan Cara memasang toko online di WordPress dengan plugin WooCommerce

  • Toko grosir - Jika Anda menjual banyak produk grosir, memberi pelanggan Anda cara mudah untuk menyortir atau memfilter kisi bisa lebih ramah pengguna daripada meminta mereka menelusuri halaman produk individual.
  • Katalog produk - sama halnya, jika Anda hanya ingin menampilkan katalog produk yang mudah dinavigasi, kisi dengan pengurutkan / filter AJAX akan menghemat waktu pelanggan (dan memuat ulang halaman).
  • Formulir Pemesanan - Jika Anda ingin membuat formulir pemesanan berdasarkan produk WooCommerce, kisi menyediakan cara yang sangat sederhana 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 secara khusus berfokus pada pembuatan kisi-kisi produk. Dan berkat pengaturan antarmuka dan Kode pendekAnda 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 terintegrasi penuh dengan Bidang Kustom Lanjutan.
  • Widget filter 4 disertakan. Ini memungkinkan Anda untuk memberikan pengalaman yang mulus kepada pembaca dengan memberikan opsi pemfilteran di bilah sisi Anda.
  • Dukungan Variasi Produk / Dukungan Atribut. Pilih dari 3 berbagai cara 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 ini memengaruhi kemampuan untuk menawarkan penyortiran atau penyaringan 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 pada tab Produk dan pilih opsi Tabel produk :

tambahkan kolom produk woocommerce wordpress.png

Mengonfigurasi tampilan kisi Anda

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

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

sesuaikan tabel produk css.png

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

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

mengkonfigurasi pengaturan tabel produk.png

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.

konfigurasi lanjutan produk tables.png

Sekali lagi, plugin ini bekerja dengan sangat baik; bahwa memberikan informasi tambahan untuk setiap parameter 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 beban progresif untuk mempercepat toko online Anda, Anda akan membatasi fungsi pencarian dan mengurutkan 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 bilah sisi Anda ( yang Anda bisa untuk toko-toko WooCommerce klasik ).

Untuk mengaksesnya, buka Penampilan → Widget seperti biasa dan seret widget yang Anda inginkan:

tabel widget woocommerce.png

Langkah 3: Tambahkan kode pendek tempat Anda ingin menampilkan kisi produk Anda

Anda berada di garis finish! Sekarang, yang perlu Anda lakukan adalah 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 berfungsi sesuai dengan pengaturan yang Anda pilih pada langkah 1. Tetapi jika Anda ingin menyesuaikan fungsionalitas untuk kode pendek tertentu, Anda dapat melakukannya menggunakan banyak parameter kode pendek tersedia.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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 Unggulan »] 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 menghirup kehidupan baru ke dalam artikel Anda

Dan itu semua ada hubungannya dengan kisi-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 didokumentasikan dengan baik, jadi saya pikir Tabel Produk WooCommerce sepadan dengan harganya, yang ...

Untuk situs web 1 - 75 $

Untuk situs 5 jaringan - 135 $

Untuk situs web 20 - 275 $

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web 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 pemesanan online di situs web Anda.

Ini sangat cocok untuk siapa saja yang memiliki bisnis di sektor hotel (hotel, apartemen liburan, berkemah ...).

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

Dengan plugin HBook WordPress, Anda dapat menambahkan kalender ketersediaan, kisi harga, dan formulir pemesanan ke situs web Anda, hanya dalam hitungan detik.

Download | Demo | Hosting Web

2. WooCommerce Tabs Pro: Tab Ekstra untuk Halaman Produk

Plugin WordPress ini menawarkan Anda tab tambahan tanpa batas pada halaman produk.Ekstra tab-produk halaman-wordpress-plugin-to-page-builder

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

Download | Demo | Hébergement Web

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

Fitur termasuk: mengonfigurasi kredit khusus dan batas tebusan, laporan administrasi komprehensif untuk pengguna terdaftar, mengelola pengaturan global atau khusus produk, dukungan shortcode, dan masih banyak lagi.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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

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

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.

Kesimpulan

Itu dia! Itu saja untuk tutorial ini. Saya harap Anda dapat membuat kisi-kisi produk WooCommerce di WordPress. Jangan ragu untuk melakukannya berbagi kiat 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.

Tetapi sementara itu, beri tahu kami tentang Anda komentar dan saran di bagian khusus.

...

Artikel ini berisi komentar 2
  1. Halo,

    Terima kasih banyak untuk tutorial ini, sangat jelas dan tepat, tetapi dapatkah Anda memperbarui tarif untuk plugin "Tabel Produk WooComerce" karena pengembang telah mengubah nilainya jauh lebih tinggi daripada yang diiklankan di artikel Anda.
    Harga plugin:
    Pribadi = Situs 1: pembaruan 89 € / tahun atau 269 € seumur hidup
    Bisnis = Situs 5: pembaruan 159 € / tahun atau 479 € seumur hidup
    Agensi = Situs 20: pembaruan 319 € / tahun atau 959 € seumur hidup

    Semoga minggumu menyenangkan

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
11 saham
saham8
menciak1
Register2