Cara Membuat Umpan Facebook Khusus di WordPress

Diterbitkan: 2022-12-22


Apakah Anda ingin membuat umpan Facebook khusus di WordPress?

Umpan khusus memungkinkan Anda untuk menampilkan posting dari halaman atau grup Facebook Anda di situs web WordPress Anda. Ini dapat membuat situs Anda lebih menarik dan mendorong pengunjung untuk mengikuti Anda di Facebook.

Pada artikel ini, kami akan menunjukkan kepada Anda cara mudah membuat umpan Facebook khusus di WordPress.

Cara membuat umpan Facebook khusus di WordPress

Mengapa Membuat Umpan Facebook Khusus di WordPress?

Dengan hampir 3 miliar pengguna aktif bulanan, Facebook adalah situs media sosial terbesar di dunia. Sebagai pemilik situs web, Anda mungkin telah membuat halaman atau grup Facebook tempat Anda berinteraksi dengan audiens.

Namun, orang yang hanya mengunjungi situs web Anda tidak akan melihat kiriman Facebook Anda. Dengan menambahkan umpan Facebook khusus, Anda dapat menunjukkan kepada pengunjung apa yang terjadi di grup atau halaman Anda.

Ini dapat membuat situs web Anda lebih menarik dan menarik, terutama jika Anda memposting konten multimedia ke Facebook seperti video dan gambar.

Umpan Facebook khusus di WordPress, dibuat dengan Smash Balloon

Ini juga cara yang bagus untuk mempromosikan halaman atau grup Facebook Anda, yang akan membantu Anda mendapatkan lebih banyak suka Facebook dan mengembangkan pengikut Anda.

Jika Anda menggunakan piksel pemasaran ulang/penargetan ulang Facebook di situs web Anda, Anda juga dapat menampilkan iklan bertarget kepada pengunjung Anda.

Karena itu, mari kita lihat cara menambahkan umpan Facebook khusus ke situs WordPress Anda.

Menginstal Plugin Umpan Facebook Khusus

Cara terbaik untuk menambahkan feed Facebook khusus ke situs WordPress Anda adalah dengan menggunakan plugin Smash Balloon Custom Facebook Feed.

Plugin ini memungkinkan Anda menampilkan konten dan komentar Facebook langsung di situs Anda, dan bahkan menggabungkan postingan dari beberapa umpan Facebook. Itu juga memudahkan untuk menampilkan bukti sosial yang kuat, dengan menyematkan ulasan Facebook dan postingan komunitas di situs web Anda.

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.

Dalam postingan ini, kami akan menggunakan Smash Balloon versi pro karena memungkinkan Anda untuk menampilkan video dan foto di feed Facebook Anda, memilih tata letak yang berbeda, memfilter feed Anda berdasarkan jenis postingan, dan banyak lagi.

Namun, ada juga versi gratis yang memungkinkan Anda membuat umpan Facebook khusus untuk WordPress, berapa pun anggaran Anda.

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

Menambahkan kunci lisensi ke Smash Balloon

Anda akan menemukan informasi ini di bawah akun Anda di situs web Smash Balloon.

Setelah memasukkan kunci, klik tombol 'Aktifkan'.

Hubungkan Halaman atau Grup Facebook Anda ke WordPress

Smash Balloon Custom Facebook Feed memungkinkan Anda membuat beberapa feed dari berbagai halaman dan grup Facebook Anda. Anda bahkan dapat menggabungkan umpan untuk membuat umpan khusus.

Untuk membuat umpan pertama Anda, buka Umpan Facebook »Semua Umpan , lalu klik 'Tambah Baru.'

Menambahkan umpan media sosial Facebook ke WordPress

Smash Balloon memungkinkan Anda menampilkan postingan dari linimasa, foto, video, album, acara, dan lainnya. Untuk panduan ini, kami akan membuat umpan Facebook 'Garis waktu' tetapi Anda dapat memilih jenis umpan apa pun yang Anda inginkan.

Setelah memilih jenis umpan, klik tombol 'Selanjutnya'.

Cara menambahkan garis waktu Facebook ke situs web Anda

Sekarang, Anda perlu memilih halaman atau grup Facebook tempat Anda akan mendapatkan konten.

Untuk memulai, klik 'Tambah Baru'.

Menambahkan grup atau halaman Facebook Anda sebagai sumber

Di layar berikutnya, pilih apakah Anda membuat feed dari halaman atau grup Facebook.

Kemudian, cukup klik 'Hubungkan ke Facebook.'

Menghubungkan Smash Balloon ke grup atau halaman Facebook Anda

Ini membuka sembulan tempat Anda dapat masuk ke akun Facebook Anda dan memilih halaman atau grup yang ingin Anda gunakan di umpan Anda.

Setelah menentukan pilihan, klik tombol 'Berikutnya'.

Menghubungkan Facebook dan WordPress dengan Smash Balloon

Setelah Anda selesai melakukannya, Facebook akan menampilkan semua informasi yang dapat diakses Smash Balloon, dan tindakan yang dapat dilakukannya.

Untuk membatasi akses Smash Balloon ke akun Facebook Anda, cukup klik salah satu sakelar untuk mengubahnya dari 'Ya' menjadi 'Tidak.' Ketahuilah bahwa ini dapat memengaruhi konten yang dapat Anda tampilkan di umpan Facebook khusus.

Dengan mengingat hal itu, kami sarankan untuk membiarkan semua sakelar ini diaktifkan.

Memberi WordPress akses ke grup atau halaman Facebook Anda

Saat Anda siap, klik 'Selesai.'

Setelah beberapa saat, Anda akan melihat pesan bahwa Anda telah berhasil menautkan situs web WordPress Anda ke Facebook. Anda sekarang dapat mengklik 'OK.'

Cara membuat umpan Facebook khusus di WordPress

Setelah selesai, Smash Balloon akan mengembalikan Anda ke dasbor WordPress secara otomatis.

Cara Membuat Umpan Facebook Khusus di WordPress

Anda sekarang akan melihat munculan dengan grup atau halaman yang baru saja Anda tautkan ke situs web WordPress Anda. Cukup pilih tombol radio di sebelah sumber Anda dan kemudian klik tombol 'Tambah'.

Menggunakan Facebook sebagai sumber umpan kustom Anda

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

Setelah Anda selesai melakukannya, Anda akan kembali ke halaman Umpan Facebook »Semua Umpan .

Sama seperti sebelumnya, klik tombol 'Tambah Baru' lalu pilih jenis feed Facebook khusus yang ingin Anda buat, seperti Timeline, Foto, atau Video.

Kemudian, klik 'Berikutnya.' Sekarang, di bawah 'Pilih Sumber' Anda akan melihat grup atau halaman Facebook Anda sebagai opsi.

Membuat umpan Facebook kustom baru di WordPress

Lanjutkan dan pilih halaman atau grup, lalu klik 'Selanjutnya.'

Sekarang Anda dapat memilih template yang ingin Anda gunakan sebagai titik awal feed Anda. Semua templat ini sepenuhnya dapat disesuaikan sehingga Anda dapat menyempurnakannya agar sesuai dengan blog atau situs web WordPress Anda.

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

Memilih template Smash Balloon

Setelah memilih desain, klik tombol 'Berikutnya'.

Smash Balloon sekarang akan melanjutkan dan membuat umpan Facebook berdasarkan sumber Anda dan template yang dipilih. Ini adalah awal yang baik, tetapi Anda mungkin ingin menyempurnakan tampilan umpan ini di situs web Anda.

Cara Menyesuaikan Umpan Facebook Anda

Plugin Smash Balloon Custom Facebook Feed memberi Anda banyak cara untuk menyesuaikan umpan Anda. Dengan mengingat hal itu, ada baiknya melihat perubahan apa yang dapat Anda lakukan.

Di Layar Umpan Facebook »Semua Umpan , temukan umpan yang baru saja Anda buat dan klik tombol 'Edit', yang terlihat seperti pensil kecil.

Mengedit umpan media sosial Anda

Ini akan membuka editor umpan, yang menampilkan pratinjau tentang tampilan umpan Facebook ubahsuaian di situs web Anda.

Di sisi kiri, Anda akan melihat semua pengaturan berbeda yang dapat digunakan untuk menyesuaikan feed. Sebagian besar pengaturan ini cukup jelas, tetapi kami akan segera membahas beberapa area utama.

Editor Smash Balloon

Untuk memulai, Anda dapat mengubah cara postingan Anda ditampilkan dengan mengklik 'Tata Letak Umpan'.

Di layar ini, Anda dapat beralih di antara tata letak yang berbeda, seperti pasangan bata dan daftar, dan mengubah tinggi umpan. Saat Anda membuat perubahan, pratinjau akan diperbarui secara otomatis sehingga Anda dapat mencoba berbagai setelan untuk melihat mana yang terbaik untuk situs web Anda.

Memilih tata letak untuk umpan Facebook khusus Anda

Secara default, feed akan menampilkan jumlah postingan yang sama di komputer desktop dan perangkat seluler seperti smartphone.

Namun, perangkat seluler biasanya memiliki layar yang lebih kecil dan daya pemrosesan yang lebih sedikit, jadi Anda mungkin ingin menampilkan lebih sedikit postingan di tablet dan ponsel cerdas. Untuk melakukan ini, cukup ketikkan nomor yang berbeda ke dalam bidang 'Seluler' di bawah 'Jumlah Posting'.

Membuat tata letak yang ramah seluler untuk situs web Anda

Anda dapat mempratinjau tampilan perubahan Anda di komputer desktop, tablet, dan ponsel cerdas menggunakan deretan tombol di pojok kanan atas.

Dengan mencoba tata letak yang berbeda, Anda dapat membuat umpan khusus yang terlihat bagus, apa pun perangkat yang digunakan pengunjung.

Pratinjau tata letak seluler situs web Anda dengan Smash Balloon

Secara default, umpan Facebook menampilkan lebih sedikit kolom di ponsel cerdas dan tablet, dibandingkan dengan komputer desktop. Ini membantu semua konten Anda pas dengan nyaman di layar yang lebih kecil.

Namun, setelah menguji versi seluler situs web WordPress Anda, Anda mungkin tidak puas dengan tampilan kolom di ponsel cerdas dan tablet. Jika demikian, maka Anda dapat menyesuaikan kolom dengan mengubah angka di bagian 'Kolom'.

Mengubah jumlah kolom di umpan media sosial Anda

Bila Anda puas dengan perubahan yang Anda buat, klik tautan 'Sesuaikan' di bagian atas menu.

Ini akan membawa Anda kembali ke editor utama Smash Balloon.

Kembali ke layar kustomisasi Smash Balloon

Selanjutnya, Anda dapat mengklik 'Skema Warna' di menu sebelah kiri dan melihat berbagai warna yang dapat Anda tambahkan ke umpan Facebook.

Secara default, Smash Balloon menggunakan skema warna yang diwarisi dari tema WordPress Anda, tetapi Anda juga dapat memilih 'Terang' atau 'Gelap', atau bahkan membuat skema warna kustom Anda sendiri.

Mengubah skema warna umpan media sosial

Secara default, Smash Balloon menambahkan header ke feed Anda, yang merupakan foto profil Facebook Anda dan nama halaman atau grup Anda.

Untuk mengubah tampilannya, klik 'Header' di menu sebelah kiri.

Menyesuaikan tata letak tajuk dengan Smash Balloon

Di layar ini, Anda dapat mengubah ukuran dan warna header, menyembunyikan atau menampilkan gambar profil Facebook Anda, dan lainnya.

Jika Anda ingin menghapus tajuk sepenuhnya, klik sakelar untuk mengubahnya dari biru (diaktifkan) menjadi abu-abu (dinonaktifkan).

Menghapus tajuk dari umpan Facebook khusus Anda

Selanjutnya adalah layar 'Posting'. Di sini, Anda dapat mengubah cara masing-masing kiriman ditampilkan di dalam umpan Facebook khusus.

Misalnya, Anda dapat beralih antara gaya biasa dan gaya kotak, mengubah warna latar belakang, menambahkan bayangan kotak, dan lainnya.

Cara menata umpan media sosial khusus Anda di WordPress

Secara default, Smash Balloon tidak menyertakan tombol 'suka' Facebook di umpan Anda.

Untuk mendorong lebih banyak pengunjung mengikuti halaman Facebook Anda, Anda mungkin ingin menambahkan tombol ini dengan memilih 'Suka Kotak' dari menu sebelah kiri editor.

Setelah itu, cukup klik tombol 'Aktifkan' sehingga berubah menjadi biru. Sekarang, jika Anda menggulir ke bagian bawah pratinjau, Anda akan melihat tombol 'suka'.

Menambahkan tombol 'suka' ke umpan Facebook Anda

Anda dapat menata area ini menggunakan pengaturan yang berbeda. Misalnya, Anda dapat memilih apakah tombol akan muncul di bagian atas atau bawah feed, dan apakah akan menyertakan foto sampul dari halaman Facebook Anda.

Saat Anda puas dengan tampilan tombol 'suka', Anda dapat beralih ke layar 'Muat Lebih Banyak Tombol'.

Menyesuaikan Tombol Muat Lebih Banyak

Tombol 'Muat Lebih Banyak' mendorong pengunjung untuk menelusuri lebih banyak feed Facebook Anda.

Untuk alasan ini, Anda mungkin ingin membuat tombol lebih menarik dengan mengubah warna latar belakang, warna teks, dan labelnya.

Mengubah skema warna umpan media sosial Anda

Pilihan lainnya adalah menghapus sepenuhnya tombol 'Muat Lebih Banyak' dengan mengeklik sakelar 'Aktifkan' sehingga menjadi abu-abu.

Menonaktifkan tombol 'Muat Lebih Banyak' berguna jika umpan Facebook Anda sensitif terhadap waktu. Apa itu, pengunjung tidak perlu menelusuri posting Anda sebelumnya yang tidak berlaku untuk mereka.

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

Anda sekarang siap menambahkan umpan Facebook ke situs web WordPress Anda.

Menyimpan perubahan Anda di Smash Balloon

Cara Menambahkan Umpan Facebook Kustom Anda ke WordPress

Anda dapat menambahkan umpan Facebook khusus menggunakan blok, widget, atau kode pendek.

Jika Anda telah membuat lebih dari satu umpan ubahsuaian, Anda perlu mengetahui kode umpan tersebut jika akan menggunakan blok atau widget.

Cukup buka Umpan Facebook » Semua Umpan lalu lihat bagian feed="" dari kode pendek. Ini adalah nilai yang perlu Anda tambahkan ke blok atau widget, jadi catatlah.

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

Menambahkan umpan Facebook khusus ke situs web Anda menggunakan kode pendek

Untuk menggunakan kode pendek ini di halaman atau posting, Anda dapat menggunakan blok 'Umpan Facebook Khusus' di editor konten.

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

Ketika blok yang benar muncul, klik untuk menambahkannya ke halaman atau posting Anda.

Blok WordPress Smash Balloon

Blok tersebut akan menampilkan salah satu feed Anda secara default. Jika Anda ingin menggunakan umpan yang berbeda, cukup temukan 'Pengaturan Kode Pendek' di menu sebelah kanan.

Anda sekarang dapat menambahkan kode feed="" ke kotak ini. Setelah itu, klik 'Terapkan Perubahan'.

Pengaturan kode pendek Smash Balloon

Blok sekarang akan menampilkan umpan Facebook khusus Anda, dan Anda dapat menerbitkan atau memperbarui halaman untuk membuatnya aktif di situs web Anda.

Opsi lainnya adalah menambahkan feed ke area siap widget, seperti sidebar atau bagian serupa. Ini adalah cara mudah untuk menampilkan umpan Facebook khusus di seluruh situs Anda.

Untuk memulai, buka Penampilan »Widget di dasbor WordPress. Kemudian, klik tombol '+' berwarna biru.

Menambahkan feed Facebook menggunakan widget Smash Balloon

Anda sekarang dapat menemukan widget 'Umpan Facebook Khusus'.

Kemudian, seret saja ke area tempat Anda ingin menampilkan umpan.

Menambahkan umpan Facebook menggunakan widget WordPress

Sekali lagi, Smash Balloon akan menampilkan salah satu umpan Facebook khusus Anda secara default.

Untuk menampilkan umpan yang berbeda, ketikkan kode umpan ke dalam kotak 'Setelan Kode Pendek', lalu klik 'Terapkan Perubahan'.

Menambahkan umpan Facebook menggunakan kode

Anda sekarang dapat mengklik tombol 'Perbarui'.

Untuk mempelajari lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menambahkan dan menggunakan widget di WordPress.

Memperbarui widget WordPress Anda

Terakhir, Anda dapat menambahkan umpan khusus ke halaman, pos, atau widget apa pun menggunakan kode pendek.

Cukup buka Facebook Feed » All Feeds dan salin kode di kolom 'Shortcode'. Anda sekarang dapat menambahkan kode ini ke situs Anda.

Untuk informasi lebih lanjut tentang cara menempatkan shortcode, silakan lihat panduan kami tentang cara menambahkan shortcode di WordPress.

Kami harap artikel ini membantu Anda menambahkan umpan Facebook khusus di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara menambahkan pemberitahuan push web ke situs WordPress Anda, atau lihat daftar plugin bukti sosial terbaik kami.

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