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 901.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 mengoperasikan toko WooCommerce, Anda tahu bahwa WooCommerce sudah dilengkapi dengan halaman arsip khusus yang membantu Anda menampilkan produk individual.Cara membuat grid produk woocommerce wordpress 1

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 WooCommercePlugin 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-produk dan pilih opsi Tabel produk :

tambahkan kolom produk woocommerce wordpress.png

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.

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. Namun penyiapan akan menghemat waktu Anda dan membuat segalanya menjadi 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 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:

tabel widget woocommerce.png

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:

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]

[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 ...

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.

Buku H

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

Berkat plugin WordPress HBook, Anda akan dapat menambahkan kalender ketersediaan, daftar harga, dan formulir reservasi ke situs web Anda, hanya dalam hitungan detik.

Download | Demo | Hébergement 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, 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

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

Plugin referral multilevel Woocommerce

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

Buat Toko Online Anda dengan mudah

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

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.

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.

...

Artikel ini berisi komentar 2

  1. Halo,

    Terima kasih banyak untuk tutorial ini, sangat jelas dan tepat, tetapi dapatkah Anda memperbarui harga untuk plugin "Tabel Produk WooComerce" karena pengembang telah mengubah harganya yang 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