Cara Menampilkan Ulasan Halaman Facebook Anda di WordPress

Diterbitkan: 2023-02-24


Apakah Anda ingin menampilkan ulasan halaman Facebook di WordPress?

Ulasan dan peringkat dapat membantu Anda mendapatkan kepercayaan dari calon pelanggan dan mendorong mereka untuk membeli dari situs web Anda. Jika Anda memiliki halaman Facebook, Anda mungkin sudah memiliki banyak ulasan yang dapat Anda sematkan dengan mudah di situs web WordPress Anda.

Pada artikel ini, kami akan menunjukkan cara menampilkan ulasan dan peringkat halaman Facebook Anda di situs web WordPress Anda.

How to display your Facebook page reviews in WordPress

Mengapa Anda Harus Menampilkan Ulasan Halaman Facebook di WordPress?

Ulasan dapat membantu Anda membangun bukti sosial dan mendapatkan kepercayaan dari pengunjung Anda, yang berarti lebih banyak penjualan untuk bisnis Anda.

Ada banyak cara untuk mengumpulkan review, termasuk menggunakan plugin review pelanggan terbaik untuk WordPress atau plugin testimonial pelanggan terbaik.

Namun, Facebook memiliki sistem ulasan bawaannya sendiri. Jika Anda sudah memiliki halaman Facebook, maka pengikut dapat meninjau produk dan layanan Anda di platform tersebut. Ini bagus untuk membantu Anda membangun halaman Facebook yang menarik dan tepercaya.

Tetapi ada baiknya juga untuk menampilkan ulasan ini di situs web WordPress Anda. Dengan begitu, orang dapat melihat semua ulasan positif Anda, meskipun mereka tidak mengunjungi halaman Facebook Anda.

Ulasan tersebut juga dapat menyoroti manfaat dan fitur yang Anda lewatkan dalam teks situs web Anda dan bagus untuk meningkatkan SEO WordPress Anda.

Setelah menyematkan umpan ulasan di situs Anda, ulasan baru akan muncul di situs Anda secara otomatis. Ini berarti pengunjung akan selalu melihat ulasan terbaru tanpa Anda harus menambahkannya ke situs Anda secara manual.

Dengan mengingat hal itu, mari kita lihat bagaimana menampilkan ulasan halaman Facebook Anda di WordPress.

Cara Memasang Plugin Ulasan Halaman Facebook

Cara terbaik untuk menampilkan ulasan Facebook Anda di WordPress adalah dengan menggunakan plugin Smash Balloon Custom Facebook Feed dengan ekstensi Ulasan.

Plugin dan ekstensi ini memungkinkan Anda menampilkan semua ulasan halaman Facebook Anda dalam tata letak yang menarik dan dapat disesuaikan sepenuhnya. Saat Anda mendapatkan lebih banyak ulasan, ulasan tersebut akan ditambahkan ke situs web WordPress Anda secara otomatis.

Facebook reviews, embedded using Smash Balloon

Anda dapat membeli plugin Smash Balloon Custom Facebook Feed dan kemudian membeli ekstensi Ulasan secara terpisah. Atau, Anda bisa mendapatkan semua plugin Smash Balloon dan ekstensi Ulasan dengan membeli bundel Smash Balloon.

Catatan : Dalam panduan ini, kami akan menggunakan Smash Balloon versi Pro, karena ini memungkinkan Anda menyematkan ulasan Facebook di situs web WordPress Anda. Namun, ada juga versi gratis yang memungkinkan Anda menyematkan postingan status Facebook dengan mudah di WordPress.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Smash Balloon Custom Facebook Feed. Untuk detail lebih lanjut, lihat panduan kami tentang cara memasang plugin WordPress.

Setelah aktivasi, Anda harus pergi ke Umpan Facebook »Pengaturan dan masukkan kunci lisensi Anda ke bidang 'Kunci Lisensi'.

Adding the license key to Smash Balloon

Anda akan menemukan informasi ini di bawah akun Anda di situs web Smash Balloon. Setelah memasukkan kunci, klik tombol 'Aktifkan'.

Selanjutnya, buka Umpan Facebook » Ekstensi . Di sini, temukan ekstensi 'Ulasan'.

The Smash Balloon reviews extension

Jika Anda belum membeli bundel atau ekstensi, klik tombol 'Instal'. Anda kemudian dapat mengikuti petunjuk di layar untuk membeli ekstensi Ulasan.

Anda kemudian dapat menginstal ekstensi dengan cara yang persis sama seperti Anda menyiapkan plugin WordPress. Untuk detail lebih lanjut, lihat panduan kami tentang cara memasang plugin WordPress.

Setelah Anda memasang ekstensi, lanjutkan dan klik tombol 'Aktifkan'.

Activating the Smash Balloon Reviews extension

Hubungkan Plugin Ulasan Facebook ke Halaman Anda

Sekarang saatnya menghubungkan halaman Facebook Anda ke WordPress sehingga Anda dapat menampilkan ulasan dari halaman tersebut.

Untuk memulai, buka Umpan Facebook »Semua Umpan dan klik 'Tambah Baru.'

Connecting Facebook page to WordPress

Smash Balloon memungkinkan Anda menyematkan album Facebook di WordPress serta foto, acara, video, dan lainnya.

Karena kami ingin menyematkan ulasan halaman Facebook kami, klik 'Ulasan' lalu pilih tombol 'Berikutnya'.

Creating a Reviews feed in WordPress

Setelah itu, Anda harus memilih halaman Facebook tempat Anda akan mendapatkan ulasan.

Untuk melakukannya, klik 'Tambah Baru'.

Choosing a Facebook page

Di layar berikutnya, pilih tombol radio di samping 'Halaman'.

Setelah Anda selesai melakukannya, lanjutkan dan klik 'Hubungkan ke Facebook.'

How to connect WordPress to your Facebook page

Ini akan membuka munculan tempat Anda dapat masuk ke akun Facebook dan memilih halaman tempat Anda akan mendapatkan ulasan.

Setelah Anda selesai melakukannya, klik 'Berikutnya.'

Giving Smash Balloon access to your Facebook page

Facebook kemudian akan menampilkan semua informasi yang dapat diakses Smash Balloon dan tindakan yang dapat dilakukannya.

Untuk membatasi akses Smash Balloon ke halaman Facebook Anda, cukup klik salah satu sakelar untuk mengubahnya dari 'Ya' menjadi 'Tidak.' Ketahuilah bahwa ini dapat memengaruhi konten yang dapat Anda tampilkan di blog atau situs web WordPress Anda.

Dengan mengingat hal itu, sebaiknya biarkan semua sakelar diaktifkan.

Changing the Facebook permissions in Smash Balloon

Saat Anda puas dengan konfigurasi izin Facebook, klik 'Selesai'.

Setelah beberapa saat, Anda akan melihat pesan yang mengonfirmasi bahwa Anda telah menghubungkan situs web WordPress dan halaman Facebook Anda.

Setelah selesai, klik tombol 'OK'.

Successfully connecting WordPress and Facebook

Smash Balloon akan secara otomatis membawa Anda kembali ke dashboard WordPress.

Cara Menampilkan Ulasan Halaman Facebook Anda di WordPress

Anda sekarang akan melihat munculan dengan halaman Facebook yang Anda sambungkan ke situs web WordPress Anda. Cukup pilih tombol radio di sebelah halaman Anda dan kemudian klik tombol 'Tambah'.

Displaying reviews from a Facebook page

Jika Anda menutup popup secara tidak sengaja, jangan khawatir. Anda cukup me-refresh tab untuk membuka kembali popup Smash Balloon.

Setelah itu, Smash Balloon akan membawa Anda kembali ke halaman Facebook Feed » All Feeds secara otomatis. Sama seperti sebelumnya, klik tombol 'Add New', pilih 'Radio', lalu klik tombol 'Next'.

Sekarang, pilih halaman Facebook Anda, dan klik 'Berikutnya.'

Showing the reviews from a Facebook page

Di layar ini, Anda dapat memilih template yang akan Anda gunakan sebagai titik awal untuk umpan ulasan Anda. Anda dapat menyesuaikan semua template ini menggunakan editor Smash Balloon.

Kami menggunakan template 'Default', tetapi Anda dapat memilih template apa pun yang Anda inginkan.

Choosing a template for your Facebook review feed

Setelah selesai, klik tombol 'Berikutnya'.

Smash Balloon sekarang akan melanjutkan dan membuat umpan dari semua ulasan Facebook Anda.

Cara Menyesuaikan Ulasan Facebook Tersemat Anda

Ini adalah awal yang baik, tetapi Smash Balloon memiliki banyak pengaturan yang dapat Anda gunakan untuk menyesuaikan tampilan ulasan di situs web WordPress Anda.

Untuk menyempurnakan umpan ulasan Anda, buka Umpan Facebook »Semua Umpan . Di sini, temukan umpan yang baru saja Anda buat dan klik tombol 'Edit' di sebelahnya.

How to customize your Facebook page review

Ini akan membuka editor umpan Smash Balloon, yang menampilkan pratinjau umpan ulasan Anda.

Di sisi kiri, Anda akan melihat semua setelan berbeda yang dapat digunakan untuk menyesuaikan tampilan umpan ulasan di situs Anda. Sebagian besar pengaturan ini cukup mudah, tetapi kami akan segera membahas semua pengaturan utama.

How to create a custom Facebook review for your WordPress website

Jika Anda ingin mengubah template yang Anda gunakan, cukup klik 'Template.'

Kemudian, pilih tombol 'Ubah' dan pilih template baru.

Choosing a new template for your Facebook review feed

Saat Anda puas dengan tata letaknya, klik tautan 'Sesuaikan'.

Ini akan membawa Anda kembali ke editor utama Smash Balloon, di mana Anda dapat pindah ke layar pengaturan berikutnya, yaitu 'Tata Letak Umpan'.

Di layar ini, Anda dapat beralih antara tata letak pasangan bata dan daftar serta mengubah tinggi umpan.

Facebook reviews, arranged in a masonry layout

Saat Anda melakukan perubahan, pratinjau di sebelah kanan akan diperbarui secara otomatis, sehingga Anda dapat mencoba pengaturan yang berbeda untuk melihat mana yang terbaik untuk umpan ulasan Facebook Anda.

Secara default, Smash Balloon akan menampilkan jumlah ulasan yang berbeda di komputer desktop dan perangkat seluler.

Anda dapat mempratinjau tampilan feed di komputer desktop, tablet, dan smartphone menggunakan deretan tombol di pojok kanan atas.

Testing your Facebook review feed on smartphones and tablets

Hanya karena feed Anda terlihat bagus di perangkat desktop, bukan berarti feed Anda akan terlihat bagus di smartphone dan tablet.

Jadi, setelah menguji versi seluler situs web WordPress Anda, Anda mungkin ingin mengubah jumlah postingan yang muncul di ponsel cerdas dan tablet, sehingga umpan lebih pas di layar.

Untuk melakukan perubahan ini, cukup temukan bagian 'Jumlah Posting' dan ketikkan nomor yang berbeda di kolom 'Seluler'.

Creating a responsive and mobile-friendly layout using Smash Balloon

Jika Anda ingin menampilkan lebih sedikit konten di ponsel cerdas dan tablet, Anda juga dapat mengubah jumlah kolom.

Untuk menampilkan lebih sedikit kolom di perangkat seluler, cukup ketikkan beberapa nomor baru ke dalam pengaturan 'Kolom'. Pada gambar berikut, kami membagi konten menjadi 3 kolom di desktop, 2 kolom di tablet, dan 1 kolom di perangkat seluler.

Changing the number of columns in a mobile-friendly layout

Secara default, Smash Balloon menggunakan skema warna yang sama dengan tema WordPress Anda, tetapi juga memungkinkan Anda beralih ke skema warna 'Terang' atau 'Gelap'.

Untuk melihat opsi ini, klik 'Skema Warna' pada menu utama Smash Balloon. Di sini, Anda dapat menguji skema warna 'Terang' dan 'Gelap', mengubah warna teks di WordPress, memilih 'Kustom' dan menggunakan kontrol untuk mengubah warna latar belakang, dan banyak lagi.

Changing the color scheme of a Facebook review feed

Selanjutnya, Anda dapat menambahkan tajuk di atas umpan ulasan Anda, yang dapat menyertakan konten seperti gambar profil dan nama laman Anda. Ini memperjelas bahwa semua ulasan positif adalah untuk halaman atau bisnis Anda.

Untuk menambahkan bagian header, pilih 'Header' dari menu sebelah kiri.

Adding a header to your Facebook review feed

Untuk memulai, Anda dapat menambah atau menyembunyikan tajuk dengan mengeklik penggeser 'Aktifkan'.

Jika Anda menampilkan tajuk, Anda dapat menggunakan kontrol untuk mengubah ukuran tajuk dan warnanya, menyembunyikan atau menampilkan gambar profil laman Anda, menampilkan bio dan suka laman Anda, dan banyak lagi.

Customizing the review header using Smash Balloon

Setelah itu, Anda dapat mengubah tampilan masing-masing ulasan di dalam feed dengan memilih 'Post Style' dari menu sebelah kiri.

Setelah itu, klik 'Post Style' lagi.

Adding Facebook reviews to your WordPress website

Di sini, Anda dapat memilih antara tata letak biasa dan kotak.

Jika Anda mengklik 'Kotak', maka Anda dapat membuat latar belakang berwarna untuk setiap posting. Anda juga dapat memperbesar radius batas untuk membuat sudut melengkung atau menambahkan bayangan batas untuk membantu ulasan Anda menonjol.

Adding a boxed style to your WordPress reviews

Jika Anda memilih tata letak 'Biasa', Anda dapat mengubah warna dan ketebalan garis yang memisahkan ulasan yang berbeda.

Pada gambar berikut, kami telah meningkatkan ketebalan garis dan menggunakan warna yang berbeda.

Customize your Facebook page reviews in WordPress

Anda juga dapat memberi gaya pada masing-masing bagian dalam setiap ulasan dengan kembali ke layar pengaturan Smash Balloon utama.

Sekali lagi, pilih 'Post Style' dan kemudian klik 'Edit Individual Elements'.

Editing individual elements in your business page reviews

Sekarang Anda akan melihat semua konten berbeda yang ditampilkan Smash Balloon dari setiap ulasan, seperti nama pelanggan, tanggal, dan jumlah suka, bagikan, dan komentar.

Untuk menghapus sebagian konten dari ulasan tersemat Anda, klik untuk menghapus centang pada kotaknya.

Changing the content in your business reviews

Untuk memberi gaya pada konten, cukup klik judulnya. Ini akan membawa Anda ke layar tempat Anda dapat mengubah ukuran teks dan warna teksnya.

Ini memungkinkan Anda untuk membuat konten tertentu lebih menonjol daripada yang lain. Misalnya, Anda mungkin ingin membuat teks ulasan lebih besar dari nama orang yang meninggalkan ulasan.

Changing the way your embedded Facebook reviews look in WordPress

Secara default, Smash Balloon akan menampilkan tautan 'Lihat semua Ulasan' di bawah setiap ulasan.

Anda dapat mengubah tampilan tautan ini atau bahkan menggantinya dengan pesan Anda sendiri dengan mengeklik 'Pasang Tautan Tindakan.'

Changing how the links look in your embedded social media reviews

Di sini, Anda dapat mengubah ukuran dan warna teks.

Untuk mengganti teks default, cukup ketik di bidang 'teks Lihat Semua Ulasan'.

Changing the text in your business review links

Secara default, Smash Balloon tidak menambahkan tombol 'Suka' Facebook ke umpan ulasan Anda. Tombol ini memudahkan pengunjung untuk mengikuti Anda di Facebook, sehingga mereka dapat mempelajari lebih lanjut tentang bisnis Anda.

Untuk alasan ini, Anda mungkin ingin menambahkan tombol ini dengan memilih setelan 'Kotak Suka'.

Adding a Facebook Like button to your WordPress website

Di sini, cukup klik 'Aktifkan' sehingga sakelar berubah menjadi biru.

Anda sekarang dapat menggunakan tarik-turun 'Posisi' untuk menampilkan Kotak Suka di bawah atau di atas umpan ulasan.

Changing the position of your Facebook like button

Anda juga dapat menggunakan setelan ini untuk memperbesar atau memperkecil tombol, menampilkan foto sampul halaman Anda, atau menambahkan ajakan bertindak khusus.

Ulasan sudah menjadi bukti sosial yang kuat, tetapi Anda mungkin juga ingin menunjukkan jumlah total orang yang mengikuti Anda di Facebook. Untuk melakukan ini, cukup klik tombol 'Tampilkan penggemar' sehingga berubah menjadi biru.

Showing your social media followers on your WordPress website

Tombol 'Muat Lebih Banyak' memberi pengunjung cara mudah untuk menelusuri lebih banyak ulasan Anda. Jika Anda memiliki banyak ulasan, sebaiknya tambahkan tombol ini ke feed Anda jika belum diaktifkan.

Untuk melakukannya, pilih opsi 'Muat Lebih Banyak Tombol' dari menu sebelah kiri.

Adding a Load More button to your WordPress blog

Kemudian, klik tombol 'Aktifkan' sehingga berubah menjadi biru.

Anda juga dapat menonjolkan tombol dengan mengubah warna latar belakang, kondisi kursor, dan warna teks.

Anda bahkan dapat menambahkan perpesanan Anda sendiri ke tombol dengan mengetik di bidang 'Teks'. Misalnya, Anda mungkin ingin menggunakan sesuatu seperti 'Baca Lebih Banyak Ulasan.'

Customizing the social media 'Load More' button

Saat Anda puas dengan tampilan umpan ulasan Facebook, jangan lupa klik 'Simpan' untuk menyimpan perubahan Anda.

Cara Menyematkan Umpan Ulasan Facebook Anda di WordPress

Anda sekarang siap menambahkan umpan ulasan ke situs Anda menggunakan blok, widget, atau kode pendek.

Jika Anda telah membuat lebih dari satu feed menggunakan Smash Balloon, maka Anda perlu mengetahui kode feed ulasan jika Anda berencana menggunakan blok atau widget.

Untuk mendapatkan informasi ini, buka Facebook Feed » All Feeds lalu lihat bagian feed="" dari shortcode. Ini adalah kode yang perlu Anda tambahkan ke blok atau widget, jadi catatlah.

Pada gambar berikut, kita perlu menggunakan feed="5" .

The Smash Balloon shortcode settings

Jika Anda ingin menyematkan ulasan Anda di halaman atau posting, Anda dapat menggunakan blok 'Umpan Facebook Khusus'.

Cukup buka halaman atau posting tempat Anda ingin menampilkan ulasan. Kemudian, klik ikon '+' untuk menambahkan blok baru dan mulai mengetik 'Umpan Facebook Kustom.'

Saat blok Facebook muncul, klik untuk menambahkannya ke halaman atau postingan Anda.

The Custom Facebook Feed WordPress plugin

Blok tersebut akan menampilkan salah satu feed Smash Balloon Anda secara default. Jika ini bukan umpan ulasan Facebook Anda, temukan bagian 'Pengaturan Kode Pendek' di menu sebelah kanan.

Di sini, lanjutkan dan tambahkan kode feed="" , lalu klik 'Terapkan Perubahan.'

Adding a review feed to your WordPress website

Setelah itu, publikasikan atau perbarui halaman untuk menayangkan ulasan di situs web Anda.

Opsi lainnya adalah menambahkan feed ke area siap widget, seperti sidebar atau bagian serupa. Ini memungkinkan pengunjung untuk melihat ulasan terbaru Anda di mana pun mereka berada di situs web WordPress Anda.

Untuk melakukannya, buka Penampilan »Widget di dasbor WordPress lalu klik tombol biru '+'.

Adding a social media widget to your WordPress website

Setelah itu, ketik 'Umpan Facebook Kustom' ke dalam bilah pencarian.

Saat widget yang tepat muncul, seret ke tempat Anda ingin menampilkan ulasan di situs WordPress Anda, seperti sidebar.

Adding the Custom Facebook Feed widget to your WordPress website

Secara default, widget akan menampilkan salah satu feed yang Anda buat menggunakan Smash Balloon.

Jika ini bukan umpan ulasan Facebook Anda, ketikkan kode umpan ke dalam kotak 'Pengaturan Kode Pendek'. Setelah itu, klik 'Terapkan Perubahan'.

The Smash Balloon social media widget

Anda sekarang dapat mengklik tombol 'Perbarui' untuk mengaktifkan widget media sosial. Untuk informasi lebih lanjut, silakan lihat panduan lengkap kami tentang cara menambahkan dan menggunakan widget di WordPress.

Opsi lainnya adalah menyematkan umpan ulasan di halaman, pos, atau area siap widget apa pun menggunakan kode pendek. Cukup buka Umpan Facebook » Semua Umpan dan salin semua kode di bawah kolom 'Kode Pendek'.

Anda sekarang dapat menambahkan kode ini ke blok kode pendek apa pun. Untuk informasi lebih lanjut, lihat panduan lengkap kami tentang cara menambahkan shortcode di WordPress.

Terakhir, jika Anda memiliki tema yang mengaktifkan blok, Anda dapat menggunakan editor situs lengkap untuk menambahkan blok 'Umpan Facebook Kustom' di mana pun di situs Anda.

Di dasbor WordPress, cukup buka Appearance » Editor .

Adding a Facebook review feed using the WordPress Full Site Editor

Secara default, editor situs lengkap akan menampilkan templat beranda tema. Jika Anda ingin menambahkan feed ulasan ke template lain, klik tanda panah di samping 'Beranda'.

Anda kemudian dapat memilih template dari menu tarik-turun, seperti template footer.

Adding Facebook reviews to your site using the FSE Full Site Editor

Pilihan lainnya adalah mengklik 'Browse all templates.'

Editor situs lengkap sekarang akan menampilkan daftar semua template yang dapat Anda edit. Cukup klik pada templat tempat Anda ingin menampilkan ulasan Anda.

Browsing the block templates in the Full Site Editor (FSE)

Setelah Anda memilih template, cukup arahkan mouse ke area tempat Anda ingin menambahkan umpan ulasan.

Kemudian, klik '+' biru saat muncul.

Adding the Custom Facebook Feed block to your WordPress theme

Setelah itu, mulailah mengetik 'Umpan Facebook Khusus.'

Saat blok kanan muncul, klik untuk menambahkannya ke template.

Adding a Facebook review feed to the WordPress FSE

Seperti biasa, Smash Balloon akan menampilkan feed secara default. Anda dapat mengubah feed ini dengan menambahkan shortcode mengikuti proses yang sama seperti yang dijelaskan di atas.

Kami harap artikel ini membantu Anda mempelajari cara menampilkan ulasan halaman Facebook Anda di WordPress. Anda mungkin juga ingin melihat ahli kami memilih plugin Facebook terbaik untuk blog Anda, atau cara membuat umpan foto Instagram khusus.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.