Buat kisi-kisi produk WooCommerce di WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

Dengan lebih dari 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 templat gratis. (Lain)

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 untuk mempresentasikan produk Anda.

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

WooCommerce. Jika itu terdengar seperti apa yang Anda inginkan.

Tetapi jika Anda belum pernah menginstal WordPress temukan Cara menginstal blog blog WordPress dalam 7 langkah dan Cara mencari, menginstal, dan mengaktifkan tema WordPress di blog Anda

Lalu, kembali ke alasan kita ada di sini.

Apa yang dapat Anda lakukan dengan sejumlah produk WooCommerce?

Meskipun ini bukan daftar lengkap, berikut adalah beberapa situasi dalam kisi-kisi produk yang mungkin menawarkan pengunjung pengalaman yang lebih baik daripada halaman arsip biasa:

Temukan Cara menginstal penginstal di WordPress dengan plugin WooCommerce

  • Toko grosir – Untuk melihat banyak produk grosir, berikan pelanggan Anda cara yang mudah untuk memfilter atau filter bisa lebih ramah pengguna daripada menelusuri halaman produk individual.
  • Katalog produk AJAX memungkinkan pelanggan untuk menghemat waktu.
  • Formulir Pemesanan WooCommerce, kisi menyediakan cara yang sangat sederhana untuk dilakukan. Ini juga merupakan pendekatan yang baik untuk menampilkan menu restoran dan menerima pesanan online.

Buat 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 kecilAnda dapat menyesuaikan hampir semua aspek cara kerja kisi Anda.

Berikut adalah beberapa fitur yang paling berguna, menurut saya:

  • Menambahkan atau menghapus kolom dengan mudah Anda juga dapat menambahkan kolom yang berisi bidang khusus atau taksonomi khusus, dan tabel produk WooCommerce terintegrasi penuh dengan Bidang Kustom Lanjutan.
  • 4 widget filter disertakan. Ini memungkinkan Anda untuk memberikan pengalaman yang mulus kepada pembaca dengan memberikan opsi kontrol di bilah sisi 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 bantuan berbagai produk pelanggan sebelum kereta.
  • Pencarian Instan, Sortir dan Saring . Pelanggan dapat memanipulasi data kisi Anda tanpa memuat ulang laman.
  • Tambahkan ke troli . 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: Konfigurasikan fitur grid default

Setelah menginstal dan mengaktifkan plugin, yang pertama memilih untuk 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 memilih opsi Tabel produk :

woocommerce wordpress.png menambahkan kolom produk

Mengonfigurasi tampilan kisi Anda

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

  • kesalahan – sesuka Anda, opsi ini menggunakan pengaturan default plugin tanpa campur tangan Anda. Dia akan mencoba menggunakan sebanyak mungkin tema blog Anda saat ini.
  • adat : ketika dipilih, pilih daftar opsi gaya yang memungkinkan Anda untuk menyesuaikan warna dan ukuran font tanpa perlu CSS khusus.

sesuaikan tabel produk css.png

Apakah Anda mencari tema dan plugin WordPress terbaik?

Baca Juga  5 Bisnis Keren Buat Anak Kosan Untuk Uang Tambahan

Unduh plugin dan tema WordPress terbaik untuk membuat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unit unduhan. (XOR)

Setelah mengatur gaya Anda, Anda harus mengonfigurasi default kode pendek. Sekali lagi, Anda dapat mengubah kode individual melalui parameter yang terakhir. Anda di sini untuk menjadi ponsel yang menghemat waktu dan membuat segalanya lebih mudah nanti.

mengkonfigurasi pengaturan tabel produk.png

Tabel Produk WooCommerce Daftar Isi Jadikan pekerjaan Anda sebagai halaman informasi tentang tautan dalam dokumentasi untuk membantu Anda mempelajari lebih lanjut tentang setiap pengaturan.

Temukan Bagaimana cara menambahkan toko WooCommerce di Facebook

Setelah Anda menetapkan default kode pendek, Anda dapat terus mengkonfigurasi pengaturan selanjutnya.

konfigurasi lanjutan produk tables.png

Sekali lagi, plugin ini bekerja dengan sangat baik; untuk memberikan informasi, sulit dimengerti.

WooCommerce ? Temukan dengan mengklik tautan ini.

Satu hal yang perlu diperhatikan adalah pembatasan biaya progresif. Jika Anda memutuskan untuk menggunakan kecepatan secara bertahap, 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 sebelumnya, tabel produk WooCommerce juga menawarkan empat widget untuk membantu Anda memfilter di sidebar Anda ( yang Anda bisa untuk toko-toko WooCommerce klasik ).

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

tabel widget woocommerce.png

Langkah 3: Tambahkan ke kode pendek di tempat itu

Anda berada di garis finish! Sekarang, yang perlu Anda lakukan adalah menambahkan kode pendek (produit_table) di mana pun Anda ingin kisi Anda muncul.

Temukan juga Bagaimana menghubungkan ke tautan halaman login WordPress

Secara default, kode pendek bekerja dengan cara yang disederhanakan. Anda juga dapat memilih untuk mengubah fitur kode pendek. banyak parameter kode pendek tersedia.

Produk ini tidak menggunakan produk ini:

(product_table category="chapeaux")

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

Sebagai contoh:

Buat situs web Anda dengan Elementor

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

  • (produit_table kategori= "topi + masuk bintang" ) hanya menampilkan produk milik waktu ke kategori topi dan di bintang-bintang.
  • ( Produit_table kategori= "topi di Unggulan ») menampilkan produk yang apakah topi atau kategori bintang.

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

Itu semua yang perlu Anda lakukan dengan kisi-kisi produk di WooCommerce!

Harga dari plugin Tabel produk WooCommerce

Tabel produk WooCommerce secara eksklusif merupakan plugin premium. Meskipun Anda memiliki beberapa opsi gratis yang terdaftar di direktori WordPress.org, Anda tidak dapat menemukan apa pun yang fleksibel atau terdokumentasi dengan baik, jadi saya pikir produk WooCommerce Table sepadan dengan harganya, yang …

Untuk 1 situs web – $ 75

Untuk 5 situs kanvas – $ 135

Untuk 20 situs web – $ 275

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan harga blog atau situs web Anda.

Beberapa plugin WordPress premium

1. HBook

HBook adalah ekstensi WordPress yang memudahkan untuk membuat solusi pemesanan online di situs web Anda.

Ini sangat disesuaikan dengan sektor hotel (hotel, apartemen liburan, berkemah, dll.).

Temukan juga kami 5 plugin WordPress untuk berbagi konten blog Anda

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

Unduh | Demo | Hosting Web

2. Woocommerce Tabs Pro: Tab tambahan untuk halaman produk

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

Fitur utamanya adalah: kemungkinan ganti 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 …

Unduh | Demo | Hosting Web

Plugin WooCommerce ini memungkinkan Anda untuk mendapatkan poin kredit dengan membeli produk Anda dari toko online yang ada.

Konfigurasi global dan nilai umum kredit, laporan administrasi administrasi untuk pengguna global, manajemen pengaturan global dukungan kode pendek, dan masih banyak lagi

<

Baca Juga  Apakah menghasilkan uang dengan Google AdSense begitu mudah?

Buat toko online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk produk fisik dan digital Anda di WordPress. (GRATIS)

p style = "text-align: justify">Ini adalah sistem afiliasi multi-level dari WooCommerce, sesuatu yang berada di luar sistem transaksi afiliasi khas.

Unduh | Demo | Hosting 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

Ada! Itu saja untuk tutorial ini. Saya harap Anda akan datang untuk membuat produk WooCommerce di WordPress. Jangan ragu untuk melakukannya berbagi dengan teman-teman Anda di jejaring sosial Anda.

Namun, Anda juga dapat berkonsultasi dengan kami sumberjika 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.

Hosting Unlimited Indonesia