Uji kemampuan Anda di semua layanan Hosting kami dan dapatkan diskon 15%!

Gunakan kode saat checkout:

Skills
23.06.2025

Cara Menambahkan Login Facebook untuk WordPress

Menambahkan login Facebook ke situs web WordPress Anda dapat merampingkan proses registrasi pengguna, sehingga memudahkan pengguna untuk mendaftar atau masuk menggunakan kredensial Facebook mereka. Hal ini akan meningkatkan pengalaman pengguna dan dapat meningkatkan keterlibatan pengguna. Anda dapat mencapai hal ini dengan bantuan plugin dan dengan menyiapkan aplikasi Facebook untuk menghubungkan situs Anda dengan sistem otentikasi OAuth Facebook. Berikut ini adalah panduan langkah demi langkah untuk menambahkan login Facebook ke situs WordPress Anda

Langkah 1: Buat Aplikasi Facebook

Untuk mengizinkan pengguna masuk dengan Facebook, Anda perlu membuat Aplikasi Facebook yang terintegrasi dengan situs WordPress Anda

1.1. Pergi ke Pengembang Facebook

  1. Kunjungi situs web Facebook Developers.
  2. Jika Anda belum memiliki akun pengembang Facebook, Anda akan diminta untuk membuatnya.
  3. Setelah masuk, klik Aplikasi Saya di sudut kanan atas, lalu klik Buat Aplikasi.

1.2. Mengatur Aplikasi

  1. Pada jendela pop-up, pilih Untuk Lainnya, lalu klik Berikutnya.
  2. Masukkan Nama Tampilan Aplikasi, Email Kontak Aplikasi, dan pilih Akun Bisnis (jika ada).
  3. Klik Buat Aplikasi.

1.3. Mengonfigurasi Login Facebook

  1. Di bilah sisi kiri, klik Tambah Produk dan pilih Facebook Login.
  2. Pilih Web sebagai platform.
  3. Masukkan URL situs web WordPress Anda (misalnya, https://www.yoursite.com).

1.4. Dapatkan ID Aplikasi dan Rahasia

  1. Buka Pengaturan > Dasar.
  2. Salin App ID dan App Secret Anda. Anda akan memerlukannya untuk mengonfigurasi plugin WordPress Anda nanti.
  3. Di Domain Aplikasi, masukkan nama domain Anda (misalnya, yoursite.com).
  4. Di bawah URI Pengalihan OAuth yang Valid, tambahkan URL tempat pengguna akan dialihkan setelah masuk ke Facebook, yang biasanya akan terlihat seperti ini
    https://www.yoursite.com/wp-login.php
  5. Klik Simpan Perubahan.

Langkah 2: Instal Plugin WordPress untuk Mengaktifkan Login Facebook

Ada beberapa plugin yang dapat membantu Anda mengintegrasikan login Facebook dengan WordPress. Salah satu yang paling populer adalah Nextend Social Login

2.1. Instal Plugin

  1. Di dasbor WordPress Anda, buka Plugins > Add New.
  2. Cari Nextend Social Login.
  3. Klik Instal Sekarang, lalu Aktifkan.

2.2. Mengonfigurasi Plugin untuk Facebook

  1. Buka Nextend Social Login di dasbor WordPress Anda.
  2. Klik Facebook untuk memulai proses penyiapan.

2.3. Masukkan ID Aplikasi dan Rahasia Anda

  1. Dalam pengaturan plugin untuk Facebook, tempelkan ID Aplikasi dan Rahasia Aplikasi yang Anda peroleh dari portal Pengembang Facebook.
  2. Atur URL Panggilan Balik ke URI Pengalihan OAuth Valid yang sama dengan URI Pengalihan OAuth yang Anda tambahkan di aplikasi Facebook (biasanya https://www.yoursite.com/wp-login.php).
  3. Konfigurasikan opsi lain yang diperlukan (misalnya, tombol, gaya, atau petunjuk masuk).
  4. Klik Simpan Perubahan.

Langkah 3: Menguji Login Facebook

  1. Kunjungi halaman login situs web Anda atau halaman mana pun yang menampilkan tombol login.
  2. Anda sekarang akan melihat tombol Login dengan Facebook.
  3. Klik tombol tersebut dan selesaikan proses login menggunakan akun Facebook untuk memastikannya berfungsi dengan baik.

Langkah 4: Sesuaikan Pengalaman Login Facebook (Opsional)

Sebagian besar pengaya seperti Nextend Social Login menawarkan opsi untuk menyesuaikan tampilan dan fungsionalitas tombol login Facebook. Anda dapat memodifikasi pengaturan berikut ini

  • Penempatan Tombol: Pilih tempat untuk menampilkan tombol login Facebook (pada halaman login, formulir pendaftaran, atau bagian komentar).
  • Pengalihan Masuk: Tentukan ke mana pengguna akan dialihkan setelah masuk (misalnya, ke halaman profil atau beranda).
  • Penetapan Peran Pengguna: Secara otomatis menetapkan peran WordPress tertentu (misalnya, Pelanggan, Penulis) kepada pengguna yang masuk melalui Facebook.
  • Desain dan Gaya: Sesuaikan tampilan tombol login agar sesuai dengan desain situs web Anda.

Langkah 5: Aktifkan Registrasi Pengguna melalui Facebook (Opsional)

Jika Anda ingin mengizinkan pengguna baru untuk mendaftar akun di situs Anda menggunakan Facebook, pastikan registrasi diaktifkan di WordPress

  1. Buka Pengaturan > Umum di dasbor WordPress Anda.
  2. Centang kotak di samping Siapa pun dapat mendaftar di bawah Keanggotaan.
  3. Pilih peran default untuk pengguna baru (misalnya, Pelanggan).
  4. Simpan perubahan Anda.

Dengan mengaktifkan ini, pengguna yang tidak memiliki akun sekarang dapat mendaftar melalui login Facebook

Kesimpulan

Menambahkan login Facebook ke situs WordPress Anda tidak hanya menyederhanakan proses registrasi dan login, tetapi juga membangun kepercayaan dan kenyamanan bagi pengguna Anda. Alih-alih membuat nama pengguna dan kata sandi baru, pengunjung dapat mengakses situs Anda hanya dengan beberapa klik menggunakan akun Facebook mereka yang sudah ada. Pengalaman yang disederhanakan ini mengurangi hambatan untuk masuk, meningkatkan kemungkinan pendaftaran, dan dapat sangat bermanfaat untuk toko eCommerce, platform keanggotaan, dan situs web berbasis komunitas di mana akses cepat mendorong keterlibatan yang lebih tinggi. Selain itu, login Facebook memastikan otentikasi yang aman yang didukung oleh infrastruktur Facebook, yang dapat membantu meminimalkan akun spam dan pendaftaran palsu.

Selain meningkatkan pengalaman pengguna, login Facebook juga memberikan Anda fleksibilitas yang lebih besar dalam mengelola akses dan personalisasi pengguna. Dengan pengaya seperti Nextend Social Login, Anda bisa menyesuaikan tombol login agar sesuai dengan merek Anda, memutuskan di mana menampilkannya di seluruh situs Anda, dan bahkan mengintegrasikannya dengan WooCommerce atau perangkat keanggotaan lainnya. Pengujian yang tepat memastikan pengalihan yang lancar, penugasan peran yang benar, dan alur profesional yang terasa alami bagi pengunjung. Pada akhirnya, dengan menawarkan opsi login sosial tepercaya, Anda menciptakan lingkungan yang lebih ramah yang membuat para pengguna terus kembali sambil membuat pengelolaan situs lebih sederhana bagi para administrator.

Uji kemampuan Anda di semua layanan Hosting kami dan dapatkan diskon 15%!

Gunakan kode saat checkout:

Skills