Knowledge Base

Pilih menu Credentials pada sidebar APIs & Services

Gambar 1. Tampilan pada sidebar APIs & Services.

Klik Create Credentials lalu pilih Oauth client ID

Gambar 2. Tampilan pada menu Credentials

Pilih tipe aplikasi pada Application Type, misalnya Web Application

Gambar 3. Tampilan pada OAuth client ID

Isi nama aplikasi yang diinginkan, sebagai contoh Web client 2

Gambar 4. Tampilan pada OAuth client ID

Pada Authorized Javascript origins klik ADD URI, untuk menambahkan URL website-nya

Klik Create untuk menyelesaikan proses generate-nya

Pada Authorized redirect URIs klik ADD URI, untuk menambahkan URL redirect ketika login. Untuk URL-nya adalah URL website ditambah URL yang jadi seperti berikut : url-website.com/social/account/callback/provider/google/

Setelah itu klik Create

Gambar 7. Tampilan pada OAuth client ID

Akan muncul Popup dialog yang menampilkan Client ID dan Client Secret yang bisa di copy/duplikat dan juga dapat di download dalam bentuk file JSON

Gambar 8. Tampilan Popup setelah klik Create

Untuk keluar dari Popup silakan klik OK

Gambar 9. Tampilan Popup setelah klik Create

Klik icon Pencil pada Credential yang baru saja di-generate, untuk melihat detail dan mengedit datanya

Untuk setup config, masuk ke backoffice magento lalu klik menu Stores -> Configuration

Gambar 11. Tampilan backoffice Magento

Pilih menu AHEADWORKS EXTENSIONS -> Social Login

Gambar 12. Tampilan backoffice Magento

Expand tab General untuk Enable/Disable Social Login-nya

Expand tab Login Blocks, untuk menentukan Social Login yang akan digunakan pada halaman apa saja (ubah Visibility, dari Not Visible menjadi Visible)

Expand tab Google untuk Enable/Disable Social Login Google, Masukkan Client ID pada field Consumer Key (API Key), Masukkan Client Secret pada field Consumer Secret (API Secret)

Gambar 15. Tampilan tab general social login 

Klik Save Config untuk menyimpan

Kemudian lakukan clear cache pada configuration karena baru saja melakukan perubahan pada data Configuration. Masuk ke menu System -> Cache Management lalu Checklist Cache Type : Configuration (paling atas di tabel), Klik Submit untuk memulai proses clear cache

Gambar 17. Tampilan halaman Cache Management

Jika sudah selesai, lakukan test dengan masuk ke halaman login website-nya, Pilih/Klik tombol Login with Google dan pilih akun google yang ingin digunakan

Maka, Anda akan langsung di-redirect ke halaman My Account di websitenya