concept creative design
creative design concept

Membuat Facebook Fanpage dan Like Box di Website

facebook-fanpage-rajadigitalFanpage di facebook saat ini seolah sudah menjadi sebuah kewajiban bagi sebuah witus web untuk menampilkan data keanggotaan/member mereka walaupun terkadang tak semua yang menyukai situs web selalu memilih tombol “suka” secara sengaja. Salah satu hal yang mendorong sebuah website untuk menampilkan like box berupa facebook fanpage di halaman web adalah adanya unsur “trust” bagi setiap pengunjung yang mengunjungi situs web mereka, ini dikarenakan karena pada umumnya sebuah situs web yang sudah dipercaya akan memiliki tingkat “trust” tinggi karena memiliki jumlah “penyuka” yang tinggi pula. Namun apapun maksud dibalik penempatan like-box berupa facebook fanpage di website anda diharapkan akan memberikan efek yang positif terhadap web yang dibuat.

Dalam tulisan ini, penulis mencoba memberikan tutorial singkat tentang cara menampilkan social plugin berupa facebook fanpage dalam bentuk Like Box di dalam sebuah website yang dibuat menggunakan CMS WordPress. Langkah demi langkahnya adalah sebagai berikut :

  1. Buatlah sebuah halaman/page di facebook jika anda belum memilikinya dengan masuk ke alamat https://www.facebook.com/pages/create.php
  2. Klik pada salah satu jenis halaman/page yang sesuai dengan website anda berdasar pada kategori yang ada
    facebook-fanpage1-halaman
  3. Isilah data pada form sesuai dengan isi website anda (data form berbeda berdasarkan kategori yang dipilih)
    facebook-fanpage2-form-isian
  4. Isilah ketiga isian form dalam tab Tentang, Foto Profil, dan Tambahkan ke Favorit
    facebook-fanpage3-form-tentang

Setelah semua langkah dilewati maka anda akan mendapatkan sebuah halaman facebook fanpage dengan alamat url spesifik dari fanpage tersebut, contoh : https://www.facebook.com/RajaDigitalWebDesign
Langkah berikutnya adalah membuat social plugin facebook berdasarkan pada alamat url dari facebook fanpage anda yang nantinya akan dimasukkan ke dalam website anda.
Plugin facebook tersebut terdapat dalam alamat : https://developers.facebook.com/docs/plugins?locale=id_ID

Dalam social plugin tersebut terdapat beberapa plugin yang bisa anda pilih sesuai dengan kegunaannya seperti Like Button, Share Button, Embedded Posts, Comments, Send Button, Follow Button, Activity Feed, Recommendations Feed, Like Box, dan Facepile (penjelasan tiap plugin ada di bawah nama plugin)
facebook-fanpage4-social-plugin

Dalam tulisan ini penulis akan mencoba membahas salah satu dari Social Plugin yang paling banyak dipakai dalam sebuah website yaitu Like Box, adapun langkahnya adalah sebagai berikut :

  1. Klik tombol Like Box di pojok kiri bawah Social Plugin tersebut, hingga anda akan dibawa menuju alamat url https://developers.facebook.com/docs/plugins/like-box-for-pages?locale=id_ID
  2. Isilah form sesuai dengan data website Anda (masukkan alamat Facebook Page URL anda kemudian tekan enter, sisanya boleh tidak diisi )
  3. Setelah preview dari fanpage anda terlihat, kemudian klik tombol “Get Code” untuk melihat kode yang akan ditambahkan di website anda
    facebook-fanpage5-Like-Box
  4. Dalam jendela Get Code anda akan melihat beberapa Tab sesuai dengan kegunaannya. Dikarenakan website yang penulis buat dalam bentuk HTML5 maka penulis memilih tab HTML5 (sesuaikan isi tab dengan kondisi website anda)
    facebook-fanpage6-code-like-box
  5. Dalam jendela tersebut terdapat 2 kode yang harus anda masukkan ke dalam website anda. Kode pertama adalah kode yang dimasukkan ke dalam bagian body, dan kode kedua adalah kode yang dimasukkan di tempat like box di website anda
    facebook-fanpage7-code-like-box
  6. Seleksi dan salin (copy) kode pertama, kemudian masuk ke dalam pengaturan administrator/dashboard WordPress anda
  7. Klik menu Appearance – Editor di dalam Dahsboard
  8. Klik pada Header.php hingga isi Header.php terlihat di dalam dokumen editor
    facebook-fanpage8-editor1
  9. Paste kode pertama di bawah kode
  10. Berikutnya salin kode kedua dan masukkan pada bagian tempat di website anda (contoh penulis masukkan dalam widget yang ada di menu Appearance – Widget)
  11. Pilih kategory “Text” di dalam widget dan seret (drag and drop) ke dalam widget anda (primary atau secondary)
  12. Masukkan/paste kode kedua di dalam kolom isian text (bukan kolom title) dan akhir dengan memilih tombol “Save”
    facebook-fanpage9-widget

Seluruh rangkaian pembuatan telah selesai. Kini anda dapat menikmati like box dari facebook fanpage anda di dalam Website yang anda buat dengan WordPress secara mudah.

Contoh dari like box dari faceboox fanpage ini dapat anda lihat di dalam kolom bawah artikel ini. Selamat mengerjakan

Hubungi Rajadigital

  • Mobile : +62 8127 3631 780
  • WhatsApp : +62 8127 3631 780
  • Email : budi.skom@gmail.com
  • desaintcorp
  • @desainweb
Kantor
BaturajaNiagara Hill Blok D No.3
Karang Sari, Baturaja
South Sumatera, Indonesia

MagelangJl. Sunan Ampel 1 No. 31
Magelang
Jawa Tengah, Indonesia

TangerangJl. MH. Thamrin No. 46
Kebon Nanas, Cikokol
Tangerang, Indonesia