Bagaimana Menampilkan Acara Facebook di Situs WordPress Anda

Apakah Anda ingin menampilkan Facebook Events di situs WordPress Anda. Acara Facebook memungkinkan Anda mempromosikan acara Anda sekaligus memanfaatkan kekuatan jaringan sosial terbesar di dunia. Pada artikel ini, kami akan menunjukkan cara menampilkan Facebook Events di WordPress.

Bagaimana cara menampilkan acara Facebook di WordPress

Metode 1: Tambahkan Acara Facebook Menggunakan Plugin Facebook Page

Metode ini menggunakan plugin sosial Facebook untuk menambahkan acara Facebook Anda di WordPress. Anda perlu mengedit file tema WordPress Anda. Jika Anda merasa tidak nyaman dengan menambahkan kode secara manual, maka cobalah metode lain yang dijelaskan dalam artikel ini.

Mari kita mulai.

Pertama Anda perlu mengunjungi situs pengembang Page Plugin on Facebook. Di kolom URL Halaman Facebook, masukkan URL halaman Facebook Anda.

Plugin halaman Facebook dapat menampilkan banyak tab dari halaman Anda termasuk tab acara. Cukup masukkan ‘events’ di kolom tab, dan Anda akan melihat jendela pratinjau reload untuk menampilkan tab acara halaman Anda.

Pengaturan plugin halaman Facebook

Anda juga dapat menyesuaikan pengaturan lain seperti ukuran foto sampul, tinggi dan lebar wadah, dll.

Setelah puas, klik tombol ‘Dapatkan Kode’. Ini akan memunculkan popup yang menampilkan dua kotak kode.

Kode plugin halaman Facebook

Bagian pertama kode perlu ditambahkan ke file header.php tema Anda tepat setelah menandai.

Selanjutnya, Anda perlu menyalin bagian kedua kode dan menempelkannya di posting WordPress, halaman, atau widget teks.

Jangan lupa untuk menyimpan perubahan Anda.

Hanya itu yang bisa Anda kunjungi di situs Anda dan Anda akan melihat Facebook Page Plugin yang menunjukkan acara halaman Anda.

Acara Facebook disematkan di halaman WordPress

Metode 2. Tambahkan Acara Facebook Menggunakan Plugin WordPress

Metode ini memungkinkan Anda menambahkan Facebook Events di WordPress tanpa menambahkan kode apapun ke file tema Anda.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WP Embed Facebook. Untuk lebih jelasnya

Setelah aktivasi, Anda perlu mengunjungi Pengaturan »Embed Facebook halaman untuk mengkonfigurasi pengaturan plugin

Halaman pengaturan untuk plugin dibagi menjadi beberapa tab. Anda akan mendarat di tab ‘Magic Embeds’. Gulir ke bawah sedikit ke bagian pengaturan Facebook.

WP Embed halaman pengaturan Facebook

Anda perlu memasukkan ID aplikasi Facebook dan kunci rahasia. Anda dapat memperoleh kunci ini dengan mengunjungi situs web Pengembang Facebook dan membuat aplikasi baru.

Membuat aplikasi Facebook baru

Ini akan memunculkan popup di mana Anda akan diminta memberi nama untuk aplikasi Anda dan memilih kategori.

Berikan nama untuk aplikasi Anda dan pilih kategori

Klik tombol create app ID untuk melanjutkan.

Facebook sekarang akan membuat aplikasi Anda, dan Anda akan diarahkan ke dasbor aplikasi. Klik pada link pengaturan dari menu di sebelah kiri Anda untuk melihat kunci aplikasi.

Salin ID App dan kunci Rahasia Anda

Sekarang Anda akan melihat kunci ID aplikasi dan kunci rahasia yang akan disembunyikan, dan Anda perlu mengklik tombol tampilkan untuk menyalinnya.

Masukkan kedua kunci di kolom masing-masing pada halaman pengaturan plugin WP Facebook untuk situs WordPress Anda.

Jangan lupa klik tombol ‘Simpan semua pengaturan’ untuk menyimpan perubahan Anda.

Anda sekarang siap untuk menambahkan acara Anda di WordPress. Edit posting atau halaman di mana Anda ingin menampilkan acara Facebook Anda dan tambahkan kode singkat ini:

[fb_plugin halaman href = "https://www.facebook.com/YourFBPage" tabs = "events"]

Jangan lupa gunakan URL halaman Facebook anda sendiri di shortcode.

Kode singkat ini akan menampilkan plugin Facebook Page hanya dengan tab Acara Anda. Anda sekarang dapat mengunjungi situs Anda untuk melihatnya beraksi.

Anda juga bisa menambahkan shortcode ke widget teks. Tapi sebelum Anda melakukannya Anda perlu mengaktifkan shortcode untuk widget sidebar Anda.

Tambahkan Acara yang Tidak Dibuat oleh Facebook Page atau Group

Beberapa pengguna mungkin perlu berbagi acara Facebook yang dibuat oleh profil pribadi mereka. Peristiwa ini tidak terkait dengan halaman. Berikut adalah bagaimana Anda akan menunjukkan mereka menggunakan fitur penyematan khusus plugin.

Alih-alih menggunakan shortcode photosgen halaman Facebook, Anda perlu menggunakan shortcode embeds kustom seperti ini:

[facebook https://www.facebook.com/events/1796069560608519/]

Ganti URL di shortcode dengan URL Event Facebook anda.

Sekarang Anda dapat melihat pratinjau situs Anda untuk melihat peristiwa Facebook yang disematkan dalam tindakan.

Menambahkan satu acara Facebook di WordPress

Metode 3: Tampilkan Kalender Acara Facebook Menggunakan Widget

Metode ini memungkinkan Anda untuk mengambil acara Facebook untuk grup atau halaman dan menampilkannya di widget sidebar WordPress Anda.

Pengguna dapat melihat kalender acara Facebook Anda dengan tanggal dan dapat mengeklik untuk melihat atau bergabung dalam sebuah acara. Anda dapat menyesuaikan tampilan acara menggunakan CSS.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Facebook Events Widget. Untuk lebih jelasnya

Setelah aktivasi

Pengaturan Widget Acara Facebook

Widget mengharuskan Anda untuk memasukkan ID halaman Facebook Anda. Anda bisa mendapatkan ID dari halaman Facebook Anda menggunakan alat online ini. Cukup masukkan url halaman Facebook Anda dan itu akan Anda ID.

Selanjutnya, Anda perlu memasukkan ID aplikasi dan kunci rahasia.

Anda dapat memperoleh kunci ini dengan mengunjungi situs web Pengembang Facebook dan membuat aplikasi baru.

Membuat aplikasi Facebook baru

Ini akan memunculkan popup di mana Anda akan diminta memberi nama untuk aplikasi Anda dan memilih kategori.

Berikan nama untuk aplikasi Anda dan pilih kategori

Klik tombol create app ID untuk melanjutkan.

Facebook sekarang akan membuat aplikasi Anda dan Anda akan diarahkan ke dasbor aplikasi. Klik pada link pengaturan dari menu di sebelah kiri Anda untuk melihat kunci aplikasi Anda.

Salin ID App dan kunci Rahasia Anda

Sekarang Anda akan melihat kunci App ID dan kunci rahasia aplikasi Anda yang akan disembunyikan, dan Anda perlu mengklik tombol tampilkan untuk menyalinnya.

Tempelkan ID aplikasi dan kunci rahasia di setelan widget dan klik tombol simpan.

Anda akan melihat bahwa pengaturan widget sekarang akan menunjukkan sebuah tombol baru di bawah kolom token akses.

Token akses Facebook

Namun, untuk mendapatkan token akses Anda perlu menambahkan URL situs web Anda ke aplikasi Facebook Anda.

Di halaman pengaturan aplikasi Facebook Anda scroll ke bawah sedikit dan kemudian klik pada tombol add platform.

Tambahkan platform ke aplikasi Facebook Anda

Ini akan memunculkan popup yang menunjukkan platform yang berbeda tempat Anda dapat menggunakan aplikasi ini. Anda perlu memilih ‘Website’.

Pilih situs web sebagai platform

Selanjutnya, Anda perlu menambahkan URL situs web Anda di kolom url situs dan klik tombol simpan perubahan.

Tambahkan URL situs web Anda

Anda sekarang dapat beralih kembali ke pengaturan widget dan klik pada tombol Get Access Token. Ini akan membawa Anda ke situs Facebook di mana Anda akan diminta memberi izin aplikasi untuk mengakses profil Anda.

Izin aplikasi

Setelah itu Anda akan diarahkan kembali ke halaman pengaturan widget. Jangan lupa klik tombol save untuk menyimpan setting widget anda.

Anda sekarang dapat mengunjungi situs Anda untuk melihat widget acara Facebook yang sedang beraksi.

Acara Facebook di widget sidebar WordPress

Widget acara Facebook dilengkapi dengan stylesheet dasar yang mungkin tidak sesuai dengan warna tema Anda. Anda perlu menggunakan alat pemeriksaan untuk melihat kelas CSS yang dihasilkan oleh plugin dan kemudian menggunakan kelas tersebut untuk mengubah tampilan acara.