Loncat ke Konten Utama

Bagaimana cara menambahkan pencarian langsung Ajax ke situs web 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]

Apakah Anda ingin tahu cara menambahkan pencarian Live Ajax ke situs web WordPress?

Menambahkan Pencarian Instan ke WordPress meningkatkan pencarian default situs web dan memudahkan pengunjung Anda menemukan halaman dan artikel yang mereka cari.

Pada artikel ini, kami akan menunjukkan cara menambahkan Ajax Live Search ke situs WordPress Anda langkah demi langkah.

Mengapa menambahkan pencarian Live Ajax ke WordPress?

Pencarian langsung Ajax, juga dikenal sebagai pencarian instan, meningkatkan pengalaman pencarian WordPress default dengan menambahkan fungsionalitas tarik-turun dan pelengkapan otomatis yang umum di mesin pencari seperti Google.

Berikut ini contoh tindakannya:

cara menambahkan pencarian langsung Ajax

Pencarian langsung menebak apa yang dicari pengguna saat mereka mengetik dan membantu mereka menemukan konten yang relevan dengan lebih cepat. Ini adalah peningkatan besar atas pencarian WordPress default.

Dengan membantu pengguna menemukan apa yang mereka cari dengan cepat, penelusuran langsung akan membantu mereka tetap berada di situs web Anda lebih lama, yang dapat tingkatkan tampilan halaman dan kurangi rasio pentalan.

Karena itu, mari kita lihat bagaimana Anda bisa menambahkan pencarian langsung Ajax ke blog atau situs web WordPress Anda.

Tambahkan Pencarian Langsung Ajax ke WordPress dengan Plugin WordPress

Cara termudah untuk menambahkan pencarian langsung Ajax ke WordPress adalah dengan menggunakan plugin CariWP. Ini adalah salah satu plugin pencarian WordPress terbaik di pasar yang digunakan oleh lebih dari 30 situs web.

Plugin ini melampaui pengindeksan konten artikel dan akan mengindeks semua yang ada di situs web Anda seperti bidang khusus, dokumen PDF, file teks, produk WooCommerce, dll.

Untuk tutorial ini Anda dapat menggunakan plugin gratis SearchWP Pencarian Ajax Langsung, karena secara otomatis mengaktifkan pencarian langsung Ajax.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, formulir pencarian WordPress default sekarang akan secara otomatis menyertakan fitur pencarian langsung Ajax.

Menampilkan Pencarian Langsung Ajax di situs WordPress Anda

Karena setiap bilah pencarian aktif sekarang memiliki pencarian langsung, yang harus Anda lakukan adalah memutuskan di mana Anda ingin menampilkannya.

Di bawah ini, Anda akan mempelajari cara menambahkan bilah pencarian langsung ke lokasi umum di situs web WordPress Anda.

Menambahkan Pencarian Langsung Ajax ke Bilah Sisi WordPress

Salah satu area paling populer untuk menambahkan bilah pencarian adalah bilah sisi WordPress. Ini memudahkan pengunjung Anda untuk mencari, di mana pun mereka berada di situs web Anda.

Untuk menambahkan widget pencarian ke WordPress, cukup buka Penampilan »Widget untuk membuka editor widget berbasis blok.

cara menambahkan pencarian langsung Ajax

Setiap area widget Anda tema WordPress akan memiliki tab terpisah di editor blok.

Di situs pengujian kami, area widget bilah sisi kami disebut " Bilah Sisi Utama Tetapi nama Anda mungkin memiliki nama yang berbeda tergantung pada tema Anda.

Cukup klik '+'di bawah bagian bilah sisi.

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]

Lalu ketik 'Cari WP' di bilah pencarian dan klik ikon 'SearchWP Pencarian Langsung'.

Ini akan secara otomatis memasukkan widget pencarian langsung Ajax ke sidebar Anda.

cara menambahkan pencarian langsung Ajax

Anda dapat menyesuaikan bagian Judul untuk mengubah tajuk kotak telusur. Setelah selesai, klik tombol Perbarui untuk menyimpan perubahan Anda dan menempatkan bilah pencarian online.

Sekarang bilah pencarian langsung Anda akan dapat digunakan oleh semua pengunjung situs web Anda.

Anda dapat mengikuti proses yang sama untuk menambahkan bilah pencarian langsung ke area widget lain di situs web Anda.

Menambahkan Pencarian Langsung Ajax ke Halaman WordPress

Anda juga dapat menambahkan kotak pencarian langsung Ajax ke halaman lain di situs web Anda. Misalnya, Anda dapat memiliki halaman arsip yang memungkinkan pengunjung menelusuri konten Anda.

Untuk melakukan ini, Anda perlu menavigasi ke posting atau halaman yang ingin Anda edit. Untuk contoh ini, kami akan menunjukkan cara menambahkan bilah pencarian langsung ke halaman WordPress.

Pertama, pergi ke Halaman »Semua halaman, lalu klik halaman yang ingin diedit.

Setelah halaman terbuka, klik '+' pada layar editor halaman.

Ini akan memunculkan menu blok.

Selanjutnya, ketik "Cari" di kotak dan klik ikon "Cari" untuk menambahkannya ke halaman Anda.

Ini akan secara otomatis menempatkan bilah pencarian untuk Anda.

Anda juga dapat menyesuaikan judul pencarian dan teks placeholder di kotak pencarian.

Setelah itu, pastikan untuk mengklik " Perbarui Di sudut kanan atas halaman Anda.

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]

Sekarang pengunjung Anda dapat menggunakan bilah pencarian langsung di situs web Anda untuk menemukan apa yang mereka cari dengan cepat.

Anda dapat menggunakan proses yang sama untuk menambahkan bilah pencarian ke pos atau halaman mana pun.

Menyesuaikan Hasil Pencarian WordPress Instan

SearchWP adalah plugin pencarian yang sangat serbaguna yang melampaui konten posting dan mengindeks semua yang ada di situs web Anda termasuk bidang khusus, bidang ACF, file teks, konten dokumen PDF, tabel khusus, taksonomi khusus, atribut produk WooCommerce, dll.

Versi pro dari Plugin SearchWP memungkinkan Anda untuk sepenuhnya menyesuaikan hasil pencarian Anda dengan membuat skala relevansi Anda sendiri dan menyesuaikan algoritme tanpa menulis kode apa pun.

Anda juga mendapatkan fitur Metrik yang memungkinkan Anda melihat apa yang dicari pengunjung Anda, dan banyak fitur canggih lainnya untuk lebih meningkatkan fungsionalitas pencarian di situs web Anda.

Baca juga: Cara mengecualikan halaman dari hasil pencarian WordPress

Temukan juga beberapa plugin WordPress premium Tambahan 

Anda dapat menggunakan plugin lain untuk menampilkan hitung mundur di blog WordPress Anda. Berikut ini, saya mengusulkan beberapa dari mereka.

1. Coming Soon CountDown

Coming Soon CountDown adalah salah satu plugin hitung mundur WordPress premium paling populer di platform WordPress. Ini memiliki 2 templat hitung mundur, serta 10 jenis wallpaper untuk membuatnya lebih cantik dan menarik.

Segera hadir plugin wordpress responsif hitung mundur

memang, Coming Soon CountDown memungkinkan Anda untuk melanjutkan pekerjaan Anda di situs web Anda sementara Anda pengunjung melihat menampilkan halaman 'Coming Soon'. Setelah selesai, Anda dapat membuat situs web Anda kembali online hanya dengan menekan satu tombol.

Kami juga mengundang Anda untuk menemukan kami 10 plugin WordPress untuk memperbaiki visual situs Anda

Dimungkinkan juga untuk memutuskan yang mana pengguna mungkin atau mungkin tidak melihat situs web tergantung pada status mereka. Jika hanya sebagian dari situs web yang akan dikirim ke halaman "Segera Hadir", Anda juga dapat menentukan halaman mana yang tersedia untuk pengunjung Anda dan yang tidak.

Download | Demo Hébergement Web

2. Hitung-Rugi Penjualan WooCommerce

WooCommerce Sales Countdown adalah plugin WordPress premium fantastis yang dirancang untuk mempromosikan kampanye penjualan di situs web e-commerce Anda. 

Hitung mundur penjualan Woocommerce

Ini menyiapkan area hitung mundur khusus dengan produk yang dijual, dan memberi tahu pelanggan Anda berapa banyak waktu yang tersisa untuk membeli produk tersebut dengan harga murah. Plugin ini juga memberi Anda opsi untuk menambahkan hitungan mundur ke periode saldo yang akan datang.

Download | Demo | Hébergement Web

3. Menawarkan CountDown Timer Pro

Plugin WordPress Premium Offer Countdown Timer Pro memungkinkan Anda membuat hitungan mundur untuk penawaran yang Anda tawarkan di situs web Anda. Dikemas dengan fitur-fitur praktis untuk beradaptasi secara cerdas dengan situs web e-niaga, plugin ini pasti akan mendapatkan hasil maksimal dari penawaran Anda.

Menawarkan penghitung waktu mundur plugin wordpress pro untuk penawaran produk acara

Hal yang paling menarik tentang ini adalah kenyataan bahwa ini sangat mudah diatur dan digunakan. Anda dapat dengan mudah mengatur pengatur waktu untuk berbagai penawaran di setiap halaman situs web Anda, membuat widget, mengatur zona waktu yang berbeda, mengatur waktu kedaluwarsa untuk penawaran, dll.

Buat Toko Online Anda dengan mudah

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

Ini milik kita Plugin 6 WordPress untuk memastikan kepatuhan RGPD terhadap sebuah blog

Plugin WordPress premium ini juga memberi Anda kemampuan untuk menyesuaikan tampilan penghitung waktu mundur Anda.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Di sana ! Itu saja untuk tutorial ini. Kami harap artikel ini membantu Anda mempelajari cara menambahkan pencarian Ajax langsung ke situs WordPress Anda. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit 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 0

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