1. Sebelum setup social login facebook, pastikan sudah mempunyai akun facebook untuk akses ke website https://developers.facebook.com/ . Jika sudah silahkan melakukan login.
Image Placeholder

  1. Pilih button Buat Aplikasi untuk membuat aplikasi baru
Image Placeholder

  1. Pada menu Jenis Aplikasi, Pilih option Tidak Ada lalu tekan button Lanjutkan.
Image Placeholder

  1. Masukan Nama tampilan, Email kontak aplikasi dan Akun Bisnis sesuai dengan kebutuhan. Lalu tekan button Buat Aplikasi.
Image Placeholder


  1. Nanti akan muncul kotak dialog untuk memasukan password akun facebook untuk konfirmasi pembuatan aplikasi seperti image berikut.
Image Placeholder


  1. Setelah itu ke menu sidebar Pengaturan > Dasar.
Image Placeholder


  1. Pada menu Pengaturan Dasar masukan Domain Aplikasi. Untuk URL Kebijakan Privasi dan Ketentuan Layanan URL masukan URL yang sama. Lalu Simpan Perubahan.
Image Placeholder


  1. Setelah itu lanjut ke Pengaturan > Tingkat Lanjut. Scroll ke bawah sampai menemukan config Bagikan Daftar Diizinkan Pengalihan.
    Isi nilai value dari     Bagikan Daftar Diizinkan Domain Pengalihan menjadi https://URL-project/social/account/callback/provider/facebook (Catatan untuk text link yang di bold masukan nama domain website) . Setelah itu klik button  Simpan perubahan.
Image Placeholder


  1. Ke menu side bar pilih Product - Tambahkan Product.
Image Placeholder


  1. Pilih Masuk Facebook lalu pilih button Siapkan.
Image Placeholder


  1. Pilih jenis aplikasi Web.
Image Placeholder


  1. Masukan URL Situs dengan nama domain aplikasi lalu Save.
Image Placeholder


  1. Setelah itu masuk ke menu di sidebar Masuk Facebook > Pengaturan.
Image Placeholder


  1. Pada value Redirect URI OAuth Valid masukan nilai yang sama pada step no 8. Lalu Simpan Perubahan.
Image Placeholder


  1. Lalu kembali ke menu sidebar Pengaturan > Dasar. Copy nilai value dari ID Aplikasi dan Kunci Rahasia Aplikasi. Pastikan Mode Aplikasi : Pengembangan aktif.



  1. Setelah itu masuk ke Backoffice Magento lalu ke Stores > Configuration > AheadWorks Extension > Social Login. Pastikan Enabled Social Login Yes. Lalu set Yes pada menu Enabled Facebook, Masukan ID Aplikasi ke Consumer Key (API Key) dan Kunci Rahasia Aplikasi ke Consumer Secret (API Secret). Lalu Save Config.
Image Placeholder


  1. Setelah setup sudah selesai, maka tampilan sign akan muncul button Login With Facebook.
Image Placeholder


  1. Ketika button di tekan maka akan redirect ke page login facebook. Disini silahkan masukan email/username dan password akun.
Image Placeholder


  1. Setelah itu akan diarahkan ke page konfirmasi, dan pilih button Lanjutkan Sebagai xxx.
Image Placeholder


  1. Berikut tampilan dashboard menu My Account. Dimana nama user serta email mengikuti data akun facebook.
Image Placeholder



_______________________________________________________________________________________________

        FAQ Documentation - Setting Social Login Facebook & Generate FB API Key