Cara Membuat Produk Divi Search WooCommerce (Tanpa Coding)

Diterbitkan: 2022-08-29

Ingin tahu cara membuat Divi mencari produk WooCommerce?

Ini adalah masalah yang harus diperbaiki oleh setiap pemilik toko WooCommerce yang menggunakan Divi sebagai pembuat halaman utama mereka jika mereka ingin sukses secara online.

Dalam tutorial ini, kami akan menunjukkan cara mengaktifkan pencarian berdasarkan produk WooCommerce di situs Divi Anda dalam beberapa langkah sederhana.

Mari selami!

Mengapa Membuat Pencarian Divi untuk Produk WooCommerce

Mesin pencari WordPress default agak lemah dan bukan pilihan terbaik jika Anda ingin memberi pelanggan Anda pengalaman pengguna yang positif.

Misalnya, tidak:

  • pertimbangkan atribut produk saat melakukan pencarian
  • memungkinkan pelanggan Anda untuk mencari berdasarkan tag produk
  • perhatikan kategori produk
  • cari kecocokan parsial jika tidak ada yang tepat
  • kumpulkan data apa pun tentang aktivitas pencarian pengunjung Anda
  • dan masih banyak lagi…

Hal yang sama berlaku untuk modul pencarian Divi, karena Divi adalah plugin pembuat halaman yang menggunakan mesin pencari WordPress default yang sama.

Untungnya, ada cara untuk membuat pencarian di situs WooCommerce Anda menjadi lebih cerdas dan membantu pengunjung Anda menemukan produk yang mereka cari lebih cepat.

Mari kita lihat bagaimana Anda dapat melakukannya hanya dengan beberapa klik, tanpa perlu keahlian coding atau teknis.

Cara Membuat Pencarian Divi untuk Produk WooCommerce

Cara termudah dan tercepat untuk membuat Divi mencari produk WooCommerce adalah dengan menggunakan SearchWP.

SearchWP logo

SearchWP adalah plugin yang ramah pemula dan kuat dengan banyak fitur untuk membantu Anda meningkatkan pencarian WordPress Anda.

Ini memungkinkan Anda tidak hanya membuat produk WooCommerce dapat dicari tetapi sepenuhnya menyesuaikan pencarian Anda untuk kebutuhan bisnis Anda.

Misalnya, Anda dapat membatasi pencarian, mengaktifkan pencarian berdasarkan tag produk, memprioritaskan produk tertentu di hasil pencarian, dan banyak lagi.

Lebih dari 30.000 pemilik situs WordPress menggunakan SearchWP untuk memberikan pengunjung mereka hasil pencarian yang paling relevan.

Berikut adalah beberapa fitur lain dari plugin ini yang membuatnya sangat populer:

  • Hasil pencarian langsung . Berikan hasil penelusuran kepada pelanggan Anda dalam mode langsung untuk membantu mereka menemukan apa yang mereka cari dengan lebih cepat dan meningkatkan penjualan Anda.
  • Analisis aktivitas penelusuran . Dapatkan laporan terperinci tentang perilaku penelusuran pengunjung Anda untuk melihat istilah penelusuran apa yang mereka masukkan, hasil penelusuran mana yang paling populer, dan banyak lagi.
  • Formulir pencarian khusus . Tambahkan beberapa mesin telusur khusus dan hubungkan ke formulir penelusuran individual di seluruh situs Anda.
  • Kontrol atas hasil pencarian . Ubah urutan hasil pencarian di situs Anda seperti yang Anda inginkan untuk mempromosikan halaman tertentu dan dapatkan lebih banyak tampilan halaman.

Dengan itu, mari kita bicara tentang bagaimana Anda dapat menggunakan SearchWP untuk membuat Divi mencari produk WooCommerce.

Langkah 1: Instal dan Aktifkan SearchWP

Hal pertama yang perlu Anda lakukan adalah mengambil salinan SearchWP Anda.

Setelah Anda mendapatkan salinan plugin, buka akun SearchWP Anda dan buka tab Unduhan .

go to the Downloads tab

Kemudian, tekan tombol Unduh SearchWP dan unduh file ZIP plugin ke komputer Anda.

press Download SearchWP

Setelah mengunduh, salin kunci lisensi plugin pada tab yang sama.

copy your license key

Selanjutnya, Anda harus mengunggah file ZIP SearchWP ke situs Anda dan menginstal plugin. Lihat tutorial terperinci ini tentang cara menginstal plugin WordPress jika Anda memerlukan bantuan untuk itu.

Setelah Anda menginstal plugin, Anda harus mengaktifkan salinan Anda dengan kunci lisensi Anda.

Untuk melakukannya, navigasikan dasbor WordPress Anda dan klik Aktifkan Lisensi di bawah tombol SearchWP di panel atas.

click Activate License

Selanjutnya, rekatkan kunci lisensi SearchWP Anda ke dalam bidang Lisensi dan klik Aktifkan .

press the Activate button

Setelah Anda mengaktifkan lisensi Anda, langkah selanjutnya adalah menginstal ekstensi Integrasi WooCommerce.

Langkah 2: Instal Ekstensi Integrasi WooCommerce

Dengan menggunakan ekstensi ini, Anda dapat mengintegrasikan SearchWP dengan WooCommerce dengan mulus dan mendapatkan kontrol penuh atas pencarian produk Anda.

Untuk menginstalnya, buka SearchWP »Ekstensi di panel kiri dasbor WordPress Anda.

go to SearchWP Extensions

Kemudian, temukan ekstensi Integrasi WooCommerce dan klik Instal .

install the WooCommerce Integrations Extension

Setelah Anda menginstal dan mengaktifkan ekstensi, Anda siap untuk mulai membuat produk WooCommerce pencarian Divi.

Langkah 3: Sesuaikan Sumber Pencarian Mesin Pencari Anda

Untuk melakukannya, pertama, klik tombol SearchWP di panel kiri dasbor Anda.

go to SearchWP settings

Setelah itu, Anda akan masuk ke tab Mesin di pengaturan SearchWP , tempat Anda dapat mengelola dan menyesuaikan mesin telusur Anda.

your search engines

Mesin pencari adalah seperangkat pengaturan dan aturan yang diikuti WordPress saat melakukan pencarian di situs Anda.

Dengan SearchWP, Anda dapat sepenuhnya menyesuaikannya untuk memenuhi kebutuhan bisnis Anda, termasuk membuat Divi mencari produk WooCommerce.

Plus, Anda juga dapat menyembunyikan produk tertentu dari hasil pencarian, mengaktifkan pencarian berdasarkan SKU produk, membuat pencarian WordPress untuk kecocokan tertentu, dan banyak lagi.

Untuk membuat produk WooCommerce dapat dicari di situs Divi Anda, Anda harus menjadikannya sebagai sumber pencarian aktif.

Untuk melakukannya, klik tombol Sumber & Pengaturan .

press Sources and Settings

Kemudian, centang kotak di sebelah sumber Produk untuk mengaktifkannya dan tekan Selesai untuk menyimpan perubahan Anda.

make Products as an active search source

Sekarang situs Divi Anda akan mencari produk WooCommerce.

Mari kita juga membuat atribut produk WooCommerce seperti tag, kategori, dan bidang khusus dapat ditelusuri untuk meningkatkan visibilitasnya di situs Anda.

Untuk memulai, tekan tombol Tambah/Hapus Atribut di bawah bagian Sumber pencarian Produk .

click Add Remove attributes

Kemudian, klik pada bidang Bidang Kustom .

click on the Custom Fields field

Selanjutnya, pilih opsi Any Meta Key dari menu drop-down.

add the Any Meta Key shortcut

Ini adalah pintasan SearchWP yang memungkinkan Anda untuk secara otomatis membuat konten bidang khusus apa pun yang Anda miliki di situs Anda dapat dicari.

Langkah selanjutnya adalah mengaktifkan pencarian berdasarkan tag dan kategori produk.

Untuk melakukannya, klik pada bidang Taksonomi dan pilih dua opsi: Tag Produk dan Kategori Produk .

add product categories and tags

Setelah Anda selesai mengelola atribut produk yang dapat ditelusuri, tekan Selesai untuk menyimpan perubahan yang Anda buat pada sumber pencarian Produk .

save your attributes

Langkah terakhir adalah menyimpan mesin telusur khusus Anda. Anda dapat melakukannya dengan menekan tombol Save Engines di pojok kanan atas.

press Save Engines

Kemudian, klik tombol Rebuild Index untuk membuat WordPress mengindeks ulang produk WooCommerce Anda dan memeriksa atribut apa yang mereka miliki.

click Rebuild Index

Itu dia. Pencarian Divi WooCommerce Anda menjadi jauh lebih cerdas, dan sekarang pelanggan Anda dapat menemukan produk yang tepat dengan lebih mudah.

Mari buat halaman pencarian Divi baru dan tambahkan bilah pencarian Anda yang disempurnakan ke dalamnya.

Langkah 4: Tambahkan Widget Pencarian ke Halaman Divi

Untuk memulai, navigasikan ke Halaman »Tambah Baru di dasbor WordPress Anda.

add a new page

Tambahkan judul ke halaman Anda dan tekan tombol Use The Divi Builder untuk membukanya di editor Divi.

click Edit with Divi Editor

Selanjutnya, klik Mulai Membangun di bawah bagian Bangun Dari Awal .

press Start Building

Setelah Anda berada di editor Divi, pilih tata letak baris pertama di halaman Anda. Misalnya, kita akan memilih tata letak pertama.

choose the first row layout

Setelah itu, Anda dapat memilih modul yang ingin Anda tambahkan ke halaman Anda. Cari modul Pencarian dan klik di atasnya.

add the search module

Kemudian, tekan tombol tanda centang hijau untuk menyimpan modul baru Anda.

click the green checkmark icon

Setelah Anda puas dengan tampilan halaman pencarian Anda, klik ikon tiga titik di bagian bawah editor Divi Anda.

click three dots icon

Kemudian, tekan tombol Simpan di sudut kanan bawah editor Divi untuk menyimpan halaman Anda.

press Save

Setelah menyimpan halaman, langkah terakhir adalah menguji pencarian Divi baru Anda.

Langkah 5: Uji Pencarian Divi Baru Anda

Untuk memulai, klik tombol Keluar dari Pembuat Visual di bagian atas Editor Divi untuk membuka halaman Anda.

click Exit Visual Builder

Selanjutnya, cari beberapa produk WooCommerce yang Anda miliki di toko Anda. Misalnya, kita akan mencari Fancy Coat .

press Search

Seperti yang Anda lihat, kami menemukan produk menggunakan formulir pencarian Divi baru kami, karena sekarang mencari produk WooCommerce.

we found our product

Mari kita juga mencoba menemukan produk berdasarkan kategori karena pencarian Divi kami, yang disempurnakan dengan SearchWP, telah menjadi jauh lebih pintar.

Misalnya, kami akan mencari produk yang ditempatkan di kategori Topi .

search for product by category

Anda dapat melihat hanya ada produk dari kategori Topi , yang berarti bahwa kami telah berhasil membuat atribut produk WooCommerce dapat dicari.

we found products by category

Dari panduan ini, Anda belajar cara membuat Divi mencari produk WooCommerce.

Ini akan memungkinkan Anda untuk membuat halaman dan tema yang indah untuk toko WooCommerce Anda menggunakan Divi tanpa kehilangan pelanggan.

Siap memberdayakan pencarian di situs Divi Anda? Anda dapat memulai dengan SearchWP di sini.

Apakah pencarian Divi Anda berhenti berfungsi? Lihat tutorial terperinci kami tentang cara memperbaiki pencarian Divi tidak berfungsi dalam beberapa langkah sederhana.

Mencari cara untuk membuat halaman pencarian yang indah menggunakan Divi? Ikuti panduan kami tentang cara membuat templat halaman hasil pencarian Divi.