Kode Filter Advanced AJAX Product Filters by BeRocket agar bekerja pada 2 bahasa WPML
Menghadirkan pengalaman belanja yang mulus dan intuitif pada toko online Anda tidak hanya meningkatkan kepuasan pelanggan tetapi juga potensi penjualan. Salah satu cara efektif untuk mencapai ini adalah melalui penerapan filter produk yang responsif dan beradaptasi dengan preferensi bahasa pengunjung.
Dengan mengintegrasikan plugin “Advanced AJAX Product Filters” by BeRocket dengan plugin multibahasa WPML pada WooCommerce, Anda dapat menyesuaikan pengalaman belanja sesuai dengan konteks bahasa pengguna.
Persiapan Plugin
Sebelum melangkah lebih lanjut, pastikan bahwa Anda telah menginstal dan mengaktifkan plugin WooCommerce, Advanced AJAX Product Filters by BeRocket, dan WPML di situs WordPress Anda.
Plugin Advanced AJAX Product Filters memungkinkan pembuatan filter produk yang dinamis sedangkan WPML memfasilitasi pembuatan toko multibahasa.
Implementasi Filter Multibahasa di Shop Page WooCommerce
Berikut ini adalah panduan untuk menambahkan filter berdasarkan bahasa yang dipilih pengguna pada halaman toko:
- Pembuatan Grup Filter: Pertama, buat dua grup filter berbeda dalam plugin BeRocket—satu untuk masing-masing bahasa yang ingin Anda dukung. Misalnya, grup untuk bahasa Jerman
[br_filters_group group_id=1111]dan grup untuk bahasa default (misalnya Indonesia)[br_filters_group group_id=2222]. - Penulisan Kode: Gunakan fungsi
cleova_filter_shopuntuk menyesuaikan tampilan filter berdasarkan bahasa. Tambahkan kode berikut ke filefunctions.phptema Anda atau plugin khusus:
// Filter in the shop page
add_action('woocommerce_before_shop_loop', 'cleova_filter_shop', 10);
function cleova_filter_shop(){
if ( defined( 'ICL_LANGUAGE_CODE' ) && 'de' == ICL_LANGUAGE_CODE ) {
echo '<div class="berocket_element_above_products">' . do_shortcode("[br_filters_group group_id=1111]") . '</div><div class="berocket_element_above_products_after"></div>';
} else {
echo '<div class="berocket_element_above_products">' . do_shortcode("[br_filters_group group_id=2222]") . '</div><div class="berocket_element_above_products_after"></div>';
}
}
- Pengujian: Setelah menambahkan kode, lakukan pengujian pada situs Anda. Navigasi ke halaman toko dan ubah bahasa untuk melihat filter yang sesuai muncul berdasarkan pilihan bahasa.
Kesimpulan
Dengan memanfaatkan filter produk yang kondisional berdasarkan bahasa, Anda tidak hanya meningkatkan navigasi pengguna tetapi juga memperluas jangkauan pasar Anda secara global. Integrasi antara Advanced AJAX Product Filters dan WPML memudahkan dalam menyediakan pengalaman belanja yang lebih personal dan relevan untuk setiap pengunjung, terlepas dari bahasa yang mereka gunakan. Implementasi seperti ini meningkatkan kesempatan untuk konversi dan loyalitas pelanggan dalam lingkungan e-commerce yang kompetitif saat ini.
