Tambahkan Tombol Login with Google di Website WordPress

WordPress adalah platform yang sangat fleksibel dan populer untuk membuat situs web dan blog. Salah satu fitur yang sering dibutuhkan adalah kemampuan untuk login menggunakan akun Google, yang memudahkan pengguna untuk masuk tanpa perlu membuat akun baru. Nextend Social Login adalah salah satu plugin yang memungkinkan integrasi ini dengan mudah. Berikut adalah panduan langkah demi langkah untuk menambahkan tombol login dengan Google menggunakan plugin Nextend Social Login di WordPress.

Langkah 1: Install Plugin Nextend Social Login

1. Login ke Dashboard WordPress:
   Masuk ke dashboard WordPress Anda.
2. Install Plugin:

• Pergi ke menu Plugins > Add New.
• Cari Nextend Social Login di kotak pencarian.
• Klik Install Now pada plugin Nextend Social Login.
• Setelah instalasi selesai, klik Activate untuk mengaktifkan plugin.

Langkah 2: Konfigurasi Nextend Social Login

1. Buka Halaman Pengaturan Plugin:

• Pergi ke menu Nextend Social Login di dashboard WordPress Anda.
• Anda akan melihat beberapa opsi untuk mengonfigurasi login sosial.

1. Tambahkan Google sebagai Provider:

• Klik pada tombol Google Settings untuk mulai konfigurasi.
• Anda akan diarahkan ke halaman pengaturan Google.

Langkah 3: Buat Proyek API Google

1. Buka Google Developers Console:

• Kunjungi Google Developers Console.
• Login dengan akun Google Anda.

1. Buat Proyek Baru:

• Klik pada menu dropdown di sebelah logo Google Cloud di bagian atas dan pilih New Project.
• Beri nama proyek Anda, misalnya “WordPress Social Login”, dan klik Create.

1. Aktifkan API Google+:

• Setelah proyek dibuat, pergi ke Library di sidebar.
• Cari Google+ API dan aktifkan API tersebut.

1. Konfigurasi Layar Persetujuan OAuth (OAuth Consent Screen):
   • Pergi ke menu OAuth consent screen di sidebar.
   • Pilih tipe pengguna: External untuk aplikasi publik atau Internal untuk aplikasi yang hanya digunakan dalam organisasi Google Anda.
   • Klik Create.
   • Isi detail yang diperlukan pada layar persetujuan OAuth, seperti:
     • Application name: Nama aplikasi Anda.
     • User support email: Alamat email untuk dukungan pengguna.
     • Authorized domains: Domain yang Anda gunakan, misalnya yourdomain.com.
     • Developer contact information: Alamat email kontak pengembang.
   • Klik Save and Continue setelah mengisi semua detail.

1. Buat Kredensial OAuth 2.0:
   • Pergi ke menu Credentials di sidebar.
   • Klik Create Credentials dan pilih OAuth 2.0 Client ID.
   • Pilih Web Application sebagai tipe aplikasi.
   • Beri nama untuk kredensial Anda, misalnya “WordPress Social Login Credentials”.
   • Isi Authorized redirect URIs dengan URL berikut: https://YOUR_DOMAIN/wp-login.php?loginSocial=google
     • Gantilah YOUR_DOMAIN dengan domain situs Anda.
   • Klik Create.

Langkah 4: Konfigurasi Google di Nextend Social Login

1. Masukkan Client ID dan Client Secret:

• Kembali ke halaman pengaturan Google Settings di Nextend Social Login.
• Masukkan Client ID dan Client Secret yang Anda dapatkan dari Google Developers Console.
• Simpan perubahan.

1. Aktifkan Google Login:

• Pastikan Anda mengaktifkan opsi Enable Google login.
• Anda juga dapat menyesuaikan tampilan tombol login di halaman yang sama.

Langkah 5: Uji Coba Login dengan Google

1. Logout dari Dashboard:

• Logout dari dashboard WordPress Anda.

1. Coba Login dengan Google:

• Buka halaman login situs WordPress Anda.
• Anda sekarang akan melihat tombol Login with Google.
• Klik tombol tersebut dan ikuti proses login dengan akun Google Anda.

Kesimpulan

Dengan mengikuti langkah-langkah di atas, Anda telah berhasil menambahkan tombol login dengan Google di situs WordPress Anda menggunakan plugin Nextend Social Login. Fitur ini tidak hanya memudahkan pengguna untuk login dengan cepat dan aman, tetapi juga meningkatkan pengalaman pengguna di situs Anda. Pastikan untuk selalu memperbarui plugin dan memantau setiap perubahan yang mungkin diperlukan pada pengaturan API Google untuk menjaga integrasi tetap berjalan lancar.

Selamat mencoba!