3 Cara Membuat Fitur Review Pembeli di Website Toko Online

Advertisements

Review pembeli menjadi salah satu aspek penting dalam membangun kepercayaan dan kredibilitas toko online. Namun, banyak pebisnis online yang merasa kesulitan menyajikan halaman review pembeli yang menarik dan mudah digunakan. Masalahnya adalah karena kurangnya pengetahuan tentang cara membuat fitur review pembeli.

Bayangkan ketika calon pembeli mengunjungi toko online Anda namun tidak menemukan ulasan yang meyakinkan. Tentu mereka akan ragu untuk melakukan pembelian. Kondisi ini dapat mengakibatkan penurunan konversi yang berdampak langsung pada omset. Ketidakmampuan menampilkan review adalah masalah yang perlu segera diatasi agar bisnis Anda tetap bersaing.

Kabar baiknya adalah ada beberapa cara untuk membuat fitur review pembeli dengan cara yang simpel namun powerful. Dalam artikel ini, kita akan mengulas tiga cara utama untuk membuat halaman atau fitur review pembeli, yaitu dengan menggunakan fitur Woocommerce, plugin tambahan, dan custom coding. Dengan berbagai cara tersebut, Anda bisa menyesuaikan tampilan dan fungsi review sesuai kebutuhan toko online Anda.

Advertisements

Cara Membuat Fitur Review Pembeli Web toko online WordPress

Menggunakan Fitur Bawaan WooCommerce

WooCommerce secara default menyediakan fitur review produk yang memungkinkan pelanggan memberikan feedback melalui komentar dan bintang. Jika ingin menggunakan cara ini, Anda harus menginstal plugin WooCommerce terlebih dulu. Berikut adalah cara membuat fitur review produk di WooCommerce:

1. Pertama, silakan masuk ke halaman dashboard WordPress Anda.

2. Dari halaman dashboard, silakan masuk ke menu WooCommerce > Settings > di panel sebelah kiri.

Setting review pembeli di WooCommerce

3. Pada tab General centang opsi “Enable product reviews”. Selain itu terdapat opsi “Show ‘Verified Owner’ label”, dan “Require star rating on reviews” jika Anda ingin memastikan bahwa review yang masuk berasal dari pembeli terverifikasi.

cara membuat fitur review pembeli website toko online

 

4. Jika ingin pembeli memberikan rating produk, silakan centang opsi “Enable star rating on reviews”. Kemudian centang opsi “Star rating should be request, not optional” jika Anda ingin mengharuskan pembeli memberikan rating.

Enable star rating on reviews

Berikut adalah tampilan setelah mengaktifkan review pelanggan menggunakan fitur bawaan WooCommerce

Kolom review konsumen

Kolom review konsumen. Di sini, konsumen dapat memberikan review dan rating menggunakan bintang.

Keberadaan fitur review pembeli bawaan WooCommerce sangat memudahkan Anda yang tak ingin ribet melakukan banyak pengaturan. Lantas, agar fitur menu review pelanggan lebih menarik, Anda dapat menggunakan plugin pihak ketiga. Pastikan plugin tersebut kompatibel dengan versi WordPress dan WooCommerce yang Anda gunakan, ya!

Advertisements

Menggunakan Plugin

Selain menggunakan fitur bawaan WooCommerce, untuk membuat fitur review konsumen, Anda dapat menggunakan plugin tambahan. Plugin tambahan ini tak hanya menambah fungsi dan estetika, namun juga bagus secara SEO.

Pada tutorial ini, kami menggunakan plugin Customer Reviews for WooCommerce. WP Reviews for WooCommerce menyediakan template Review Form yang bisa langsung digunakan atau disesuaikan. Template ini mencakup field umum seperti Nama pelanggan Rating bintang (star rating) Ulasan teks Upload gambar/foto (opsional) Email/URL (untuk verifikasi).

Berikut adalah cara membuat form review konsumen menggunakan WP Reviews for WooCommerce:

Catatan penting, sebelum mulai konfigurasi plugin WP Reviews for WooCommerce, pastikan untuk mencentang opsi “Enable product reviews” di WooCommerce.

1. Langkah pertama, install plugin terlebih dulu. Jika belum, silakan baca panduan cara install plugin WordPress di website Anda.

2. Setelah plugin terinstall, masuk ke menu Reviews > Setting > Review Forms untuk memulai proses konfigurasi.

setting WP Reviews for WooCommerce

3. Pada menu Rating Criteria, klik Add Rating.

Menambahkan rating WP Reviews

4. Selanjutnya, Anda diarahkan untuk memberi judul rating dan label. Jika Anda ingin konsumen “harus” mengisi review, silakan centang opsi “Required”. Jika sudah, klik Confirm.

memberi judul rating dan label

Jika ingin menambahkan jenis review lain, silakan klik Add Rating seperti pada langkah sebelumnya. Anda dapat menambahkan hingga tiga jenis review produk toko online.

Anda bisa menambahkan hingga tiga jenis review

5. Jika semua informasi yang dibutuhkan dianggap cukup, klik Save Changes.

Menyimpan semua perubahan yang terjadi

Berikut adalah tampilan halaman review yang telah disetting tadi:

tampilan fitur review pembeli

 

Custom Coding

Selain menggunakan fitur bawaan WooCommerce dan plugin, Anda bisa membuat fitur review pembeli di website dengan menggunakan custom coding. Cara ini cocok bagi pemilik toko online yang menginginkan kontrol penuh atas tampilan review. Apalagi WordPress sangat mudah untuk diutak-atik tampilannya. Untuk membuat halaman review tanpa fitur bawaan WooCommerce dan plugin tambahan, Anda dapat menggunakan custom coding.

Berikut adalah cara membuat fitur review pembeli menggunakan custom coding sederhana:

1. Pertama, aktifkan fitur ulasan di WooCommerce seperti metode sebelumnya.

2. Setelah itu masuk ke directory themes WordPress Anda. Pada contoh ini, masuk ke folder learnwp> app > public > wp-content > themes > twentytwentyfive > functions.php

directory themes wordpress

3. Kemudian, buka file functions.php menggunakan teks editor, seperti Notepad atau Sublime, lalu salin kode di bawah ini, lalu simpan.

  • Fungsi display custom star rating untuk membuat HTML yang menampilkan bintang. Fungsi ini dapat menampilkan rating 1-5 dan menampilkan HTML yang sesuai dengan bintang yang terisi dan kosong.
  • Function custom_woocommerce_review_display_rating () mendapatkan peringkat untuk setiap review, beserta dengan bintangnya.
  • Dua baris terakhir menghapus bintang dari WooCommerce dan menggantinya dengan bintang custom yang dibuat menggunakan custom code.
Fitur review bawaan WoCommerce

Fitur review bawaan WoCommerce


Custom coding after replace woocommerce code

Custom coding dapat digunakan untuk kustomisasi, contohnya mengganti warna bintang setelah menghapus kode bawaan WooCommerce

4. Add CSS. Jika Anda menggunakan themes WordPress seperti Twentytwentyfive, Anda dapat menambahkannya via Appearance > Customize > Additional CSS.

Untuk Anda yang menggunakan theme classic, silakan baca artikel cara menambahkan custom CSS di WordPress.

Pada tahapan ini, Anda dapat:

  • Mengatur jarak dan ukuran bintang
  • Mengatur bintang yang kosong dengan warna abu-abu
  • Mengatur bintang yang sudah terisi dengan warna emas
Custom code

Custom code dapat digunakan untuk memberikan warna pada simbol. Contohnya pemberian warna pada simbol bintang

Opsi Kustomisasi

Agar semakin menarik, Anda dapat melakukan kustomisasi lanjutan pada fitur review pembeli. Berikut adalah opsi kustomisasi fitur review pembeli yang dapat dilakukan menggunakan custom coding:

  • Mengubah warna bintang
mengubah warna bintang pada halaman review produk menggunakan custom coding

Dengan custom coding, Anda dapat mengubah warna bintang pada fitur revew pembeli.

  • Memberi efek animasi
membuat animasi menggunakan custom code WordPress

Menggunakan custom coding, Anda dapat membuat efek animasi sehingga fitur review menjadi lebih menarik.

  • Mengubah ukuran bintang
Mengubah ukuran bintang menggunakan custom coding WordPress

Dengan custom coding, Anda dapat mengubah ukuran rating bintang jadi lebih kecil atau lebih besar.

Setelah menambahkan semua kode di atas, silakan masuk ke halaman produk yang sudah ada fitur reviewnya. Simak perubahan apa yang terjadi. Simbol bintang yang muncul adalah versi kustom yang dilakukan tadi.

Lantas, bagaimana jika simbol bintang tidak muncul? Untuk mengatasi hal ini, periksa apakah terdapat theme Anda memiliki template review yang mungkin menggantikan template review default WooCommerce. Atau jika Anda melihat error, pastikan Anda sudah menempatkan kode di file yang tepat.

Advertisements

Berhasil menambahkan Fitur Review Pembeli?

Demikian cara membuat fitur review pembeli di website toko online. Setiap metode memiliki kelebihan dan kekurangan. Ingin menggunakan metode apapun, harus disesuaikan dengan kebutuhan, sumber daya, dan tujuan website Anda. Jika menginginkan solusi cepat dan mudah, fitur bawaan WooCommerce sudah cukup. Bila ingin tampilan lebih menarik dan fitur lengkap tanpa coding, plugin review pembeli adalah pilihan ideal. Namun, untuk Anda yang ingin berbeda dari yang lain, custom coding adalah jawabannya. Pilihlah pendekatan yang paling sesuai untuk menghadirkan fitur review yang efektif, menarik, dan meningkatkan kepercayaan konsumen terhadap produk Anda.

Untuk Anda yang tak ingin pusing mengelola website WordPress dan hanya fokus pada peningkatan bisnis, percayakan pada Tonjoo. Kami menawarkanjasa pembuatan website toko online. Dengan pengalaman lebih dari 10 tahun dalam mengembangkan website ratusan klien, Tonjoo siap membantu mewujudkan website impian Anda.

call to action jasa pembuatan website toko online

Last Updated on Mei 5, 2025 by Kevin_Tonjoo

Bagikan ke:
Taufiq Prasetya Pradana
Ditulis oleh

Taufiq Prasetya Pradana

Berpengalaman lebih dari lima tahun menggunakan CMS WordPress. Senang mengulik segala hal tentang WordPress dan berbagi hal bermanfaat tentangnya.

Advertisements

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.