Cara menambahkan tabel produk WooCommerce yang dapat dicari ke toko online Anda dalam 10 menit!

Menambahkan tabel produk WooCommerce yang dapat dicari ke toko online Anda dapat menjadi cara sederhana dan efektif untuk meningkatkan pengalaman pengguna dengan memudahkan pelanggan untuk menemukan produk favorit mereka dan menentukan dengan tepat apa yang mereka cari.

Namun, jika tema toko online atau pembangun halaman Anda saat ini tidak mendukung tabel produk secara default, Anda harus membuatnya sendiri.

Panduan ini akan menunjukkan kepada Anda bagaimana hal itu dilakukan.

Di bawah, Anda akan menemukan:

  • Alat terbaik untuk membuat tabel produk dinamis di WooCommerce
  • Instruksi langkah demi langkah menunjukkan cara membangun tabel produk
  • Saran kami dan praktik terbaik yang direkomendasikan untuk menggunakan tabel Anda secara efektif.

Mari kita mulai.

Mengapa menggunakan tabel produk di toko WooCommerce Anda?

Tata letak toko WooCommerce tradisional bekerja dengan baik untuk beberapa toko, tetapi itu tidak selalu merupakan cara paling efisien untuk memamerkan produk. Ini terutama benar jika Anda memiliki katalog besar, variasi produk yang kompleks, atau pelanggan yang sering berbelanja dalam jumlah besar.

Tabel produk menyelesaikan ini dengan:

  • Mempercepat penemuan produk – Pelanggan dapat dengan cepat mencari, mengurutkan, dan memfilter melalui produk alih -alih mengklik beberapa halaman. Semakin cepat mereka untuk menemukan apa yang mereka inginkan, semakin cepat mereka dapat memeriksa dan semakin puas mereka.
  • Perbandingan produk yang ditingkatkan – Tata letak meja terstruktur membuatnya lebih mudah untuk membandingkan produk secara sekilas, membantu pembeli untuk membuat keputusan yang tepat, lebih cepat.
  • Meningkatkan konversi – Semakin sedikit waktu yang harus dihabiskan pelanggan untuk meneliti dan mencari produk, semakin cepat mereka dapat melakukan pembelian dan semakin cepat Anda dibayar.
  • Meningkatkan pemesanan curah – Tabel harga dinamis sangat cocok untuk toko grosir, restoran, dan bisnis B2B di mana pelanggan perlu menambahkan beberapa item secara efisien.
  • Menawarkan lebih banyak kontrol atas tampilan produk – Pilih dengan tepat detail produk mana yang akan ditampilkan, dari gambar dan harga hingga atribut khusus, tingkat stok, dan tombol add-to-cart.

Top 5 WooCommerce Product Table Plugins

Menggunakan plugin bukan satu -satunya cara untuk menambahkan tabel produk ke toko WooCommerce Anda, tetapi itu tentu saja yang tercepat dan paling sederhana, terutama jika editor halaman Anda tidak menyertakan fitur yang memungkinkan Anda membangunnya.

Di bawah ini, Anda akan menemukan pandangan cepat pada lima plugin yang disarankan teratas kami:

Pilih salah satunya, dan mari kita mulai bekerja.

Cara Membuat Tabel Produk WooCommerce: 10 Langkah Sederhana

1. Instal dan aktifkan plugin tabel produk Anda

Untuk tutorial ini, kami akan menggunakan plugin tabel produk WooCommerce Barn2.

Jadi, tugas pertama kami adalah membuat plugin itu naik dan berjalan di situs WordPress kami dengan pergi ke https://barn2.com/wordpress-plugins/wooCommerce-product-table/ dan membeli produk.

Jika Anda memilih plugin yang berbeda, Anda akan menemukan prosesnya serupa. Unduh plugin Anda dari situs webnya, lalu masuk ke WordPress dan pergi ke Plugin – Tambahkan Plugin Baru – Unggah PlugiN.

Tabel WP

Pilih file dari perangkat Anda, lalu klik Memasang.

Atau, Anda dapat menggunakan salah satu opsi gratis dan freemium yang tak terhitung jumlahnya yang tercantum dalam repositori plugin WordPress.

2. Tambahkan tabel baru

Selanjutnya, navigasikan ke Produk – Tabel Produk dan pilih Tambahkan baru.

Tabel WP

Berikan nama tabel Anda, lalu pilih bagaimana harus ditambahkan ke toko WooCommerce Anda.

Tabel WP

Untuk panduan ini, kami membuat tabel yang dapat ditambahkan menggunakan kode pendek atau blok Gutenberg. Namun, jika Anda sudah membuat sisa konten toko Anda dan sekarang hanya kehilangan tabel, Anda dapat memilih untuk membangunnya secara langsung dalam halaman tertentu.

Setelah Anda memilih opsi, klik Berikutnya.

3. Pilih produk mana yang akan ditampilkan

Dari sana, Anda sekarang dapat memilih produk mana yang akan ditampilkan di dalam tabel Anda.

Tabel WP

Jika Anda hanya memiliki satu atau dua, memilih Semua produk mungkin baik -baik saja.

Jika inventaris Anda lebih luas, Anda mungkin ingin mengikuti contoh kami dengan memilih Pilih Spesifik – Produk – Produk Individuallalu memilih satu atau lebih item dari menu drop-down yang disediakan.

4. Konfigurasikan kolom tabel Anda

Pindah, Anda dapat mulai mengedit dan menyesuaikan kolom tabel Anda.

Tabel WP

Kolom yang ada dapat dipesan ulang dengan mengklik dan menahan tiga set titik di sebelah masing -masing dan memindahkannya ke tempatnya.

Anda juga dapat mengklik pensil Edit untuk mengonfigurasi berbagai pengaturan, seperti:

  • Teks tajuk kolom
  • Apakah konten kolom harus menautkan di mana saja atau tidak
  • Di mana itu harus ditautkan
  • Lebar kolom khusus
  • Visibilitas pada perangkat yang berbeda.
Tabel WP

Jika kolom default tidak berfungsi untuk Anda, Anda selalu dapat menghapusnya dan/atau menambahkan yang baru dari menu drop-down yang luas.

5. Mengkonfigurasi opsi ADD-to-CAR

Setelah Anda mendapatkan semua kolom Anda persis seperti yang Anda inginkan, tekan Berikutnya Untuk mengonfigurasi cara pelanggan menambahkan produk dari meja ke keranjang belanja mereka.

Tabel WP

Pertama, pilih dari salah satu dari tiga berikut Tambahkan ke Metode CART:

Metode Terbaik untuk
Tombol keranjang belanja Pembelian tunggal, cepat
Kotak centang Beberapa pemilihan produk
Tombol & kotak centang Keranjang Pembelian curah fleksibel

Kemudian, jika produk Anda memiliki variasi, pilih bagaimana mereka harus ditampilkan.

Tabel WP

6. ikut serta untuk memuat malas

Meskipun langkah ini sepenuhnya opsional, kami masih merekomendasikan memungkinkan pemuatan malas untuk tabel Anda untuk meminimalkan kinerjanya pada waktu pemuatan halaman Anda dan membantu mempercepat situs WordPress Anda.

Tabel WP

7. Konfigurasikan Pengaturan Pencarian, Urutkan, dan Filter

Jika Anda menjual berbagai macam produk dengan berbagai kategori, atribut, atau variasi, maka itu membuat untuk memungkinkan filter drop-down yang memungkinkan pelanggan memperbaiki pencarian mereka dan menemukan produk tepat yang mereka cari.

Tabel WP

Setelah mengklik kotak centang berlabel Aktifkan dropdown filterAnda kemudian dapat menggunakan menu tarik-turun untuk memilih dari sejumlah opsi penyaringan yang berbeda termasuk:

  • Tag
  • Kategori
  • Ukuran
  • Warna
  • Jenis produk.

Selanjutnya, Anda dapat menentukan apakah produk diurutkan dalam hasil pencarian berdasarkan ID, nama, harga atau variabel lain.

Tabel WP

Akhirnya, Anda dapat mengatur apakah produk harus terdaftar dalam pesanan naik atau turun secara default.

Tabel WP

Misalnya, Anda mungkin memilikinya sehingga ketika pengguna mencari berdasarkan harga, item Anda yang paling mahal dan top-of-the-line muncul terlebih dahulu, dengan daftar turun untuk menampilkan produk Anda yang lebih murah.

Cari tahu apa yang paling cocok untuk Anda, lalu tekan Berikutnya.

8. Kustomisasi Desain Tabel Anda

Setelah mengkonfigurasi opsi Sortir dan Pencarian Anda, Anda secara teknis selesai membangun meja Anda. Plugin akan memberi Anda kode pendek yang sekarang dapat Anda gunakan untuk menyematkan tabel itu ke halaman apa pun di situs web Anda.

Namun, Anda mungkin ingin menunda itu sejenak saat Anda fokus pada tweak tampilan dan nuansa bentuk baru Anda.

Tabel WP

Seperti yang dapat Anda lihat pada gambar di atas, template tabel default terlihat bersih, rapi, dan modern, tetapi itu tidak berarti itu menyatu dengan baik dengan estetika merek Anda.

Tabel WP

Untuk memperbaikinya, pilih dari salah satu templat yang sudah dibuat sebelumnya.

Tabel WP

Dari sana, Anda dapat mengubah warna untuk hampir setiap elemen meja Anda, termasuk:

  • Perbatasan meja
  • Header
  • Teks
  • Tombol
  • Fungsi pencarian
  • Menu dropdown
  • Kotak centang
  • Latar belakang sel.

Anda juga bisa:

Ubah ukuran font untuk berbagai jenis teks (header, tombol dll.)

Pilih berbagai gaya sudut, termasuk:

  • Persegi
  • Bulat
  • Sepenuhnya bulat.
Tabel WP

Setelah melakukan semua itu, klik Simpan perubahan dan meja Anda lengkap.

9. Tambahkan meja Anda ke toko Anda

Akhirnya, kembali ke halaman produk utama dan salin kode pendek tabel Anda. Dalam contoh ini, kami memilih kode untuk meja yang menampilkan aksesori pakaian.

Tabel WP

Dari sana, cukup buka halaman tempat Anda ingin menampilkan tabel Anda, dan tempel di shortcode.

Tabel WP

Memukul Menyimpandan hanya itu yang ada di sana.

Tabel WP

Halaman Anda sekarang harus menampilkan tabel produk yang berfungsi penuh, lengkap dengan opsi pencarian dan penyaringan, membuatnya semudah mungkin bagi pelanggan untuk menemukan produk yang mereka inginkan.

10. Tes dan Tweak

Tentu saja, satu -satunya cara untuk mengetahui dengan pasti apakah semua kerja keras itu terbayar adalah menguji tabel Anda. Sebelum Anda membuat meja baru Anda hidup, lakukanlah dan gunakan seolah -olah Anda adalah salah satu pelanggan Anda sendiri.

  • Apakah mudah dinavigasi?
  • Apakah tombol dan hyperlink berfungsi seperti yang diharapkan?
  • Apakah ini menampilkan data produk yang benar?
  • Apakah pilihan desain Anda cocok dengan seluruh situs web Anda?
  • Apakah berfungsi baik pada perangkat seluler dan tablet seperti pada laptop atau komputer desktop Anda?

Jika Anda menjawab ya untuk semua pertanyaan itu, pekerjaan Anda di sini selesai. Jika ada sesuatu yang miring, konsultasikan dengan dukungan atau dokumentasi pelanggan plugin Anda untuk mengetahui cara memperbaikinya.

Cara membangun tabel wooCommerce yang dapat dicari: takeaways kunci

Jadi, begitulah: semua yang perlu Anda ketahui dengan cepat dan cukup membangun tabel produk yang sepenuhnya berfungsi lengkap dengan fitur pencarian dan pengurut. Dengan menambahkan tabel ini ke situs web Anda, menjadi lebih mudah dari sebelumnya bagi pelanggan untuk menemukan persis apa yang mereka belanja dan langsung ke checkout.

Akibatnya, Anda dapat mengurangi gesekan dalam proses pembelian toko Anda, meningkatkan kepuasan pelanggan, dan, pada akhirnya, meningkatkan konversi.

Sebelum kita selesai, mari kita selesaikan dengan tiga take-aways paling penting dari panduan ini:

  • Situs web skala besar mendapat manfaat paling besar dari tabel produk – Meskipun cocok untuk semua jenis toko eCommerce, mereka yang memiliki inventaris produk besar akan melihat dampak terbesar, berkat penemuan produk yang lebih cepat, peningkatan navigasi, dan pengalaman berbelanja yang lebih efisien.
  • Plugin adalah cara termudah untuk membangun meja Anda – Kami memilih plugin tabel produk WooCommerce oleh Barn2 berkat kesederhanaan tingkat pemula dan set fitur yang solid, meskipun ada banyak alat lain di luar sana.
  • Uji formulir Anda berfungsi sebelum ditayangkan – Data produk Anda harus ditampilkan dengan benar di semua perangkat, dengan tombol yang berfungsi dan hyperlink. Jika tidak, kursus yang benar sebelum ditayangkan.

Untuk lebih banyak alat untuk membantu Anda menumbuhkan toko online Anda, checkout ini Plugin 25 WooCommerce teratas.