Setelah sebelumnya admin membuat tutorial cara mudah membuat social login Facebook di Wordpress, kali ini admin akan membahas social login dengan Google pada web kita. Caranya cukup mudah karena admin sudah rinci langkah-langkahnya agar mudah di pahami di bawah ini.



Google mungkin penggunanya lebih banyak dari facebook, itulah sebabnya kenapa anda harus mempermudah client anda login dengan google pada website yang anda bangun di wordpress.
Selain itu pada Google Developer anda bisa mengaktifkan beberapa API seperti API Google Maps, Gmail, Google+, dan semua saudara dari Google. Tapi kalau hanya untuk login website mungkin anda hanya cukup mengaktifkan Gmail dan Google+ saja.

Nah, untuk langkah-langkah membuat social login pada WordPress, anda bisa mengikuti langkah-langkah di bawah ini.

1. Masuk ke google.com, dan ketik google developer. Pilih yang Google API Console.



2. Selanjutnya anda akan di bawa pada halaman sebagai berikut, untuk membuat projek baru anda klik tanda panah ke bawah seperti yang sudah saya contohkan di bawah ini. Klik buat project baru.


3. Isikan nama dari aplikasi anda atau nama dari web anda. seperti di bawah ini. Kemudian klik tombol Buat.


4. Setelah projek di buat, maka sekarang klik aktifkan API saja yang di butuhkan, jika anda hanya inigin menggunakan API Console ini sebagai social login, cukup aktifikan API Gmail dan Google+ saja sudah cukup.


5. Untuk mengaktifkan API anda ketik pada kotak search seperti di bawah ini, dan klik Gmailnya.


Ketika API sudah di aktifkan, maka logonya jadinya akan seperti di bawah ini.



6. Setelah API aktif, anda klik "Buat Kredensial" kemudian pilih yang kunci API.


7. Maka kunci dari API sudah berhasil anda buat, klik tutup saja jika tampil seperti di bawah ini.


8. Setelah kunci API di buat, klik kunci API tersebut.


10. Selanjutnya pilih menu pembatasan API seperti yang sudah saya tandai di bawah ini.


11. Select API yang sudah anda aktifkan, maka API akan aktif seperti di bawah ini, klik tombol simpan, jika API sudah di aktifkan semuanya.


12. Setelah di simpan, sekarang pada menu kredensial pilih/klik menu yang ID Client OAuth . gambarnya seperti di bawah.

13. Jika anda di bawa pada halaman berikut, maka pilih saja yang Aplikasi Web.


14. Isikan alamat situs web anda seperti di bawah ini, kemudian untuk yang di beri tanda kotak merah itu admin dapatkan link tersebut dari widget WordPress yang namanya Super Socializer, untuk mendapatkan linknya anda harus menginstall plugin Super Socializer pada WordPress anda. Setelah semua terisi, klik aja simpan.


15. Nah, Setelah anda simpan, maka anda mendapatkan ID Client dan Secret Client, anda tinggal copas dan memasukkannya pada widget Super Socializer.


16. Tampilan yang di hasilkan dari widget Super Socializer tersebut akan seperti di bawah ini, logo tersebut otomatis akan ada pada login jika sudah di aktifkan fiturnya.

17. Setelah logo/icon tersebut di klik hasilnya akan seperti di bawah ini, dan login sosmed anda sudah selesai di buat. 

Note: Admin menggunkan widget Super Socializer pada wordpress untuk mempermudah dan menghindari coding. hehe.. jika ada pertanyaan, silahkan tinggalkan di kolom komentar.

Semoga Tutorial ini memberi manfaat bagi anda yang memerlukan tutorial seperti ini, dan terus semangat. kurang lebihnya admin mohon maaf!











Cara Mudah Membuat Social Login Google di WordPress

Setelah sebelumnya admin membuat tutorial cara mudah membuat social login Facebook di Wordpress, kali ini admin akan membahas social login dengan Google pada web kita. Caranya cukup mudah karena admin sudah rinci langkah-langkahnya agar mudah di pahami di bawah ini.



Google mungkin penggunanya lebih banyak dari facebook, itulah sebabnya kenapa anda harus mempermudah client anda login dengan google pada website yang anda bangun di wordpress.
Selain itu pada Google Developer anda bisa mengaktifkan beberapa API seperti API Google Maps, Gmail, Google+, dan semua saudara dari Google. Tapi kalau hanya untuk login website mungkin anda hanya cukup mengaktifkan Gmail dan Google+ saja.

Nah, untuk langkah-langkah membuat social login pada WordPress, anda bisa mengikuti langkah-langkah di bawah ini.

1. Masuk ke google.com, dan ketik google developer. Pilih yang Google API Console.



2. Selanjutnya anda akan di bawa pada halaman sebagai berikut, untuk membuat projek baru anda klik tanda panah ke bawah seperti yang sudah saya contohkan di bawah ini. Klik buat project baru.


3. Isikan nama dari aplikasi anda atau nama dari web anda. seperti di bawah ini. Kemudian klik tombol Buat.


4. Setelah projek di buat, maka sekarang klik aktifkan API saja yang di butuhkan, jika anda hanya inigin menggunakan API Console ini sebagai social login, cukup aktifikan API Gmail dan Google+ saja sudah cukup.


5. Untuk mengaktifkan API anda ketik pada kotak search seperti di bawah ini, dan klik Gmailnya.


Ketika API sudah di aktifkan, maka logonya jadinya akan seperti di bawah ini.



6. Setelah API aktif, anda klik "Buat Kredensial" kemudian pilih yang kunci API.


7. Maka kunci dari API sudah berhasil anda buat, klik tutup saja jika tampil seperti di bawah ini.


8. Setelah kunci API di buat, klik kunci API tersebut.


10. Selanjutnya pilih menu pembatasan API seperti yang sudah saya tandai di bawah ini.


11. Select API yang sudah anda aktifkan, maka API akan aktif seperti di bawah ini, klik tombol simpan, jika API sudah di aktifkan semuanya.


12. Setelah di simpan, sekarang pada menu kredensial pilih/klik menu yang ID Client OAuth . gambarnya seperti di bawah.

13. Jika anda di bawa pada halaman berikut, maka pilih saja yang Aplikasi Web.


14. Isikan alamat situs web anda seperti di bawah ini, kemudian untuk yang di beri tanda kotak merah itu admin dapatkan link tersebut dari widget WordPress yang namanya Super Socializer, untuk mendapatkan linknya anda harus menginstall plugin Super Socializer pada WordPress anda. Setelah semua terisi, klik aja simpan.


15. Nah, Setelah anda simpan, maka anda mendapatkan ID Client dan Secret Client, anda tinggal copas dan memasukkannya pada widget Super Socializer.


16. Tampilan yang di hasilkan dari widget Super Socializer tersebut akan seperti di bawah ini, logo tersebut otomatis akan ada pada login jika sudah di aktifkan fiturnya.

17. Setelah logo/icon tersebut di klik hasilnya akan seperti di bawah ini, dan login sosmed anda sudah selesai di buat. 

Note: Admin menggunkan widget Super Socializer pada wordpress untuk mempermudah dan menghindari coding. hehe.. jika ada pertanyaan, silahkan tinggalkan di kolom komentar.

Semoga Tutorial ini memberi manfaat bagi anda yang memerlukan tutorial seperti ini, dan terus semangat. kurang lebihnya admin mohon maaf!











Tidak ada komentar