Social login pada Magento memungkinkan pelanggan untuk memasuki situs melalui akun media sosial seperti Google, Facebook, Twitter, Instagram dan media sosial lainnya.


Cara Konfigurasi Social Login oleh Admin

Magento Backoffice > Store > Setting  > Configurations > AHEADWORKS EXTENSIONS > Social Login.


Gambar 1. Tampilan konfigurasi Social Login



Gambar 2. Tampilan bagian konfigurasi Social Login.


Bagian -  Bagian Konfigurasi Social Login:

  1. General

    1. Enable
      Untuk mengaktifkan tampilan Social Login pada Website.


Gambar 3. Tampilan General Enable pada konfigurasi Social Login


    1. Login Block
      Adalah tampilan blok Social Media yang digunakan untuk Login.


Gambar 4. Tampilan Login Block pada konfigurasi Social Login.


Block Setting :

Block : adalah tempat nama social media akan muncul

Visibility : Adalah pengaturan blok sosial media muncul atau   tidak.

Template : adalah jenis tampilan blok social media yang digunakan. Gunakan Default.

Action : adalah tindakan menghapus blok yang tidak diinginkan lagi

jika ingin menambah jenis block Social Login di beberapa tempat maka Klik Add lalu isikan Blok mana yang akan dimunculkan Social Login, Visibility dan Templatenya.



Gambar 5. Tampilan Add  pada konfigurasi Social Login.

  1. Twitter
    Adalah Block social media login yang memperbolehkan Customers Login menggunakan akun Twitter. 



Gambar 6. Tampilan Login Block pada konfigurasi Social Login.


Enable : untuk mengaktifkan Social Login

Consumer Key (API Key) : adalah serial angka identitas yang didapat dari twitter dan ter-autentikasi dengan website yang diinginkan untuk menghubungkan platform yang satu dengan lainnya. Fungsinya sebagai password akses rahasia. Consumer Key didapatkan di https://developer.twitter.com/

Consumer Secret (API Key) : adalah serial angka identitas namun kombinasinya lebih rumit dibanding dengan Consumer Key. Fungsinya sebagai password akses rahasia.  Consumer Secret Key didapatkan di https://developer.twitter.com/

Short Order : berguna untuk mengatur urutan Social Login.

Pada social media yang lain dapat menggunakan cara yang sama seperti pada Twitter.



Cara Mengelola Akun Sosial Media oleh Admin

 Customer > Social Login by aheadWork > Social Account



Gambar 7. Tampilan Login Block pada konfigurasi Social Login.





Gambar 8. Tampilan Social Login  pada konfigurasi Social Login.


Pada halaman Social Accounts akan menampilkan informasi customer yang Login menggunakan akun media sosial yang berisikan nama, email, maupun tipe Login (Twitter, Google, Facebook, Instagram, dll).


Social Login pada Customers






Gambar 9. Tampilan Social Login menggunakan Twitter  pada Customers.


Cara mendapatkan API KEY untuk Google:

https://swiftomni.helpdocs.com/faq/bagaimana-cara-mendapatkan-api-key-secret-key-utk-social-login-dan-google-map?preview=true