Cara Menambahkan Login Sosial ke WordPress untuk Keterlibatan Pengguna yang Lebih Tinggi

Diterbitkan: 2022-10-06

Konsep login sosial menjadi semakin populer dengan meningkatnya jumlah pengguna media sosial. Login sosial membuat proses bergabung dengan situs web jauh lebih mudah daripada metode konvensional. Karenanya, ini bisa menjadi teknik yang bagus untuk meningkatkan keterlibatan pengguna di situs WordPress juga.

Jika Anda memiliki situs web WordPress atau berencana membuatnya, opsi login sosial dapat membantu mengubah lebih banyak pengunjung menjadi prospek. Ada beberapa cara untuk menambahkan ini ke situs web Anda.

Dalam posting ini, kami telah mendemonstrasikan satu solusi sederhana untuk mengaktifkan login sosial di situs web WordPress menggunakan plugin WP User Frontend .

Mari kita mulai.

Apa itu Login Sosial dan Cara Kerjanya

Login sosial juga dikenal sebagai masuk sosial atau masuk sosial. Ini memungkinkan pengguna mendaftar atau masuk ke situs web tanpa melalui langkah-langkah membuat akun. Sebaliknya, mereka dapat masuk atau mendaftar dengan akun sosial dalam sekejap. Singkatnya, ini adalah pengganti yang lebih mudah untuk proses pendaftaran atau masuk standar.

Apa itu Login Sosial

Katakanlah Anda memiliki situs web tempat orang harus masuk untuk mengakses sumber daya. Jadi, pengguna baru harus membuat akun, dan pengguna yang kembali harus masuk kembali, bukan?

Tetapi jika Anda memberikan opsi login sosial, mereka dapat melewati kerumitan ini. Mereka akan memilih salah satu akun sosial mereka yang ada untuk terhubung dengan situs Anda dan akun akan dibuat secara otomatis.

Artinya, mereka dapat menggunakan akun apa pun seperti Twitter, Facebook, LinkedIn, Gmail, dll. untuk memasuki situs web Anda tanpa penundaan.

Demikian pula, mereka yang perlu masuk kembali ke situs web Anda, tidak memerlukan nama pengguna atau kata sandi apa pun jika menggunakan login sosial. Mereka cukup menggunakan akun sosial yang sama dengan yang mereka gunakan pertama kali, dan masuk setiap kali dengan satu klik.

Alasan Menambahkan Login Sosial

Jumlah pengguna media sosial yang terus meningkat telah menjadikan login sosial sebagai pilihan umum untuk situs web saat ini. Selain memberikan semua manfaat pengguna, ini juga memfasilitasi admin. Jika Anda masih ragu untuk menambahkannya ke situs Anda, berikut adalah beberapa statistik yang dapat membantu Anda memutuskan:

1. Kemudahan Pendaftaran

Sampai di sini, Anda sudah tahu bahwa login sosial menawarkan proses pendaftaran yang disederhanakan dan mudah. Pengguna dapat masuk atau mendaftar dengan cara yang lebih cepat dengan ini. Tak perlu dikatakan, itu menciptakan kesan pertama yang baik dan dengan demikian pengalaman pengguna yang lebih baik.

2. Lebih Banyak Peluang Pendaftaran

Menurut penelitian, 77% pengguna percaya login sosial harus ditawarkan oleh situs web mana pun. Ini dengan jelas menunjukkan – jika situs web Anda tidak menawarkannya, ada risiko kehilangan banyak prospek.

3. Tingkat Pentalan Lebih Sedikit

Studi menunjukkan, 92% lebih memilih meninggalkan situs web daripada mengatur ulang atau memulihkan informasi masuk jika mereka lupa kata sandi. Dengan situs web yang mengaktifkan login sosial, pelanggan tidak lagi harus mengingat detail akun lainnya.

4. Peluang Akun Palsu Lebih Rendah

Banyak orang membuat akun menggunakan detail palsu baik hanya karena kemalasan atau dengan niat untuk menyerang situs web Anda. Tetapi login sosial dapat meminimalkan ini secara signifikan. Anda mendapatkan data yang lebih akurat dan meningkatkan target pemasaran Anda. (Meskipun situs sosial juga memiliki akun palsu, dan seseorang dapat menggunakannya untuk tetap palsu).

5. Pengurangan Cart Abandonment

Pembuatan akun paksa adalah salah satu alasan utama orang meninggalkan keranjang mereka tanpa menyelesaikan belanja mereka. Jelas, proses checkout harus sebebas mungkin terganggu. Dan opsi masuk sosial dapat banyak membantu dalam hal ini.

Menambahkan Login Sosial ke Situs WordPress

Menambahkan Login Sosial ke Situs WordPress

Ada beberapa cara untuk menyertakan fungsionalitas login sosial di situs web WordPress. Seperti yang kami sebutkan sebelumnya, Anda juga dapat melakukannya menggunakan WP User Frontend Pro.

Dari posting tamu, pembatasan konten dan menu, profil pengguna, dan situs web direktori, hingga manajemen langganan – WP User Frontend Pro hadir dengan berbagai fitur. Jadi, jika situs web Anda memerlukan satu atau beberapa fungsi di atas, Anda tahu solusi satu atap untuk itu. Mengapa kami menyebutkannya?

Karena WP User Frontend Pro menawarkan 20+ modul untuk meningkatkan fungsionalitasnya. Modul Login & Pendaftaran Sosial adalah salah satunya. Jadi, Anda dapat mengaktifkan login sosial tanpa menambahkan plugin tambahan. Dan hanya perlu tiga langkah untuk melakukannya –

  1. Mengaktifkan Modul
  2. Mengaktifkan Pengaturan
  3. Mengotorisasi Aplikasi (Dibuat di Platform Sosial)

Mari kita lihat bagaimana menyelesaikan langkah-langkah ini.

Langkah 1: Aktifkan Modul Login & Pendaftaran Sosial

Arahkan ke WP Admin Dashboard > User Frontend > Modules . Temukan modul Login & Registrasi Sosial dan aktifkan tombol sakelar di kanan atas untuk mengaktifkannya.

Halaman modul - WP User Frontend Pro
Mengaktifkan Modul Login & Pendaftaran Sosial

Langkah 2: Aktifkan Pengaturan Login Sosial

Sekarang silakan arahkan ke WP Admin Dashboard → User Frontend → Settings → Social Login dan centang kotak di samping opsi Enable Social Login .

Aktifkan Login Sosial - halaman Pengaturan Frontend Pengguna WP
Mengaktifkan Pengaturan

Langkah 3: Mengotorisasi Aplikasi

Anda dapat melihat ada bidang terpisah untuk Pengaturan Aplikasi Facebook, Twitter, Google, dan LinkedIn di WP User Frontend. Anda hanya perlu mengisi kolom tersebut di bawah platform yang ingin Anda berikan kepada pengguna Anda. Katakanlah Anda ingin mengaktifkan opsi Facebook Login . Kemudian cukup masukkan ID Aplikasi dan Rahasia Aplikasi di bawah Pengaturan Aplikasi Facebook saja. Kosongkan tiga sisanya. Mencari Masuk Twitter? Masukkan Kunci Konsumen dan Rahasia Konsumen di bawah Pengaturan Aplikasi Twitter.

Jangan khawatir, kami akan menunjukkan semua konfigurasi satu per satu sehingga Anda dapat memiliki gambaran yang lebih jelas. Jadi sekarang, kami membagi Langkah ke-3 menjadi empat bagian berbeda –

  1. Masuk Facebook
  2. Masuk ke Twitter
  3. Masuk ke Google
  4. Login LinkedIn

Langsung ke yang ingin Anda tawarkan kepada pengguna Anda. Prosedur dasar secara keseluruhan adalah sama. Pertama, kita perlu membuat aplikasi di platform tersebut. Dan kemudian kumpulkan ID Aplikasi dan Kunci Rahasia untuk dimasukkan ke pengaturan WP User Frontend kami. Mari kita mulai dengan Facebook.

(1) Mengonfigurasi Login Facebook

Jadi, Anda memerlukan ID Aplikasi dan Rahasia Aplikasi yang disediakan oleh Facebook. Anda dapat dengan mudah mendapatkannya dengan mengklik tautan ' Buat Aplikasi ' yang ditunjukkan pada tangkapan layar di atas atau langsung ke https://developers.facebook.com/apps/.

Mulailah dengan membuat atau memverifikasi akun Anda (jika belum selesai). Dari dasbor Meta untuk Pengembang Anda, klik tombol 'Buat Aplikasi'.

Buat Aplikasi untuk Login Facebook - Meta untuk Dasbor Pengembang

Sekarang, pilih jenis aplikasi Konsumen dari daftar. (Semua opsi memiliki teks bantuan di bawahnya sehingga memilih yang tepat tidak akan menjadi masalah).

pilih jenis aplikasi Konsumen - Meta untuk Dasbor Pengembang

Pada langkah selanjutnya, Facebook akan meminta beberapa info dasar seperti Nama Aplikasi, Email Kontak, dll. Isi dan tekan tombol Buat Aplikasi .

Berikan info dasar - Meta untuk Dasbor Pengembang

Di layar berikutnya, Anda akan menemukan opsi Facebook Login . Pilih dan kemudian Anda harus memilih jenis platform.

Pilih Login Facebook untuk Web

Karena Anda menyiapkannya untuk situs web WordPress, cukup pilih opsi Web (dengan ikon www) di sini. Ini akan membawa Anda ke pengaturan Quickstart default Facebook. Anda dapat melewati bagian itu karena WP User Frontend akan melakukannya untuk Anda. Sebagai gantinya, buka saja Pengaturan> Dasar dan Anda akan menemukan ID Aplikasi dan Rahasia Aplikasi di sini.

ID Aplikasi dan Rahasia Aplikasi di Dasbor Pengembang Facebook

Ya, kami punya apa yang kami butuhkan. Cukup salin kedua item ini sekarang dan rekatkan ke bidang masing-masing di halaman pengaturan WP User Frontend (ditunjukkan pada gambar di bawah).

Pengaturan Aplikasi Facebook di Halaman Login Sosial Frontend Pengguna WP
Pengaturan Aplikasi Facebook

Jangan lupa klik Simpan Perubahan ! Dan Anda sudah siap mengonfigurasi pendaftaran/login Facebook untuk situs web Anda.

(2) Mengonfigurasi Login Twitter

Anda dapat mengonfigurasi login Twitter untuk situs web Anda dengan cara yang sama. Tetapi jika Anda bosan melihat tangkapan layar itu, tim media kami siap membantu Anda. Berikut adalah tutorial video penjelasan tentang cara mengonfigurasi login Twitter untuk situs WordPress Anda. Jadi, lihat ini dan Anda akan dapat memasukkannya ke situs Anda dengan mudah.

Mengkonfigurasi Login Sosial Twitter di WordPress dengan WP User Frontend

(3) Mengonfigurasi Login Google

Ingin mengintegrasikan masuk dengan Google? Mari kembali ke dasbor WP User Frontend. Untuk mengaktifkan opsi Masuk dengan Google , kita perlu mendapatkan ID Klien dan Rahasia Klien , bukan? Klik tautan terkait (Buat Aplikasi) terlebih dahulu. Ini akan membawa Anda ke dasbor Google Cloud. Buat proyek dari sana.

Buat proyek untuk mengonfigurasi opsi login sosial Google

Ketik nama proyek Anda dan info lainnya, dan tekan tombol CREATE . Kemudian dari ikon menu hamburger (di pojok kiri atas), buka API & Layanan > Layar persetujuan OAuth .

buka API & Layanan > layar persetujuan OAuth

Konfigurasikan layar persetujuan OAuth (Otorisasi Terbuka) yang akan ditampilkan Google kepada pengguna saat menghubungkan akun Google mereka dengan situs Anda. Anda harus memberikan detail situs web Anda dan kebijakannya dalam langkah-langkah berikut. Setelah Anda menyiapkan ini, Google akan menampilkan ringkasan kepada Anda.

Konfigurasikan layar persetujuan OAuth (Otorisasi Terbuka) untuk login Google

Selanjutnya, Kredensial. Anda akan melihat menu di sisi kiri. Masuk ke sana dan klik BUAT KREDENSIAL > ID klien OAuth (ditandai pada gambar secara berurutan).

BUAT KREDENSIAL > ID klien OAuth

Dari dropdown, pilih aplikasi Web sebagai jenis Aplikasi Anda. Tetapkan nama untuk itu dan gulir ke bawah sepenuhnya untuk menekan tombol CREATE .

Dari dropdown, pilih jenis Aplikasi Anda sebagai aplikasi Web

Munculan akan muncul dengan ID Klien dan Rahasia Klien Anda. Salin dari sini dan tempel di halaman pengaturan WP User Frontend.

Klien Google OAuth dibuat - ID Klien, Rahasia Klien

Dan ini dia. Kami senang menggunakan Google Login untuk situs web Anda.

(4) Mengonfigurasi Login LinkedIn

Jadi sekali lagi, kita mulai dari halaman pengaturan WP User Frontend. Klik tautan Buat Aplikasi dari sini, untuk mendarat di Pengembang LinkedIn. Seperti semua platform lainnya, mulailah dengan tombol Buat Aplikasi .

Mengonfigurasi Login LinkedIn

Masukkan semua informasi di bidang yang diperlukan. LinkedIn memerlukan logo Aplikasi yang akan muncul saat pengguna menghubungkan akun LinkedIn mereka dengan situs Anda. Jadi, unggah file gambar (bisa jadi logo situs web Anda).

berikan nama Aplikasi, logo, dan info lainnya untuk login LinkedIn

Setelah selesai, buka tab Autentikasi di dasbor Pengembang LinkedIn Anda dan Anda akan menemukan ID Klien dan Rahasia Klien di sana.

ID Klien & Rahasia Klien di tab Otorisasi - dasbor Pengembang LinkedIn

Sama seperti waktu lainnya, rekatkan ke bidang masing-masing di halaman pengaturan WP User Frontend. Dan selamat! Anda telah berhasil mengonfigurasi Login LinkedIn untuk situs web Anda sekarang.

Ingin tahu bagaimana tombol login akan muncul di bagian depan? Berikut tampilan halaman login dengan beberapa opsi login sosial diaktifkan (Anda dapat melihat area yang ditandai dengan warna merah).

Setelah mengaktifkan (empat platform) login sosial ke situs web WordPress
Tampilan Frontend Situs WordPress dengan Social Login Diaktifkan

Jadi, jika Anda mengonfigurasi keempat platform yang baru saja kami tunjukkan, Anda akan melihat sesuatu seperti ini di halaman login situs web Anda. Empat opsi tersedia bagi pengguna untuk masuk atau mendaftar ke situs Anda.

FAQ tentang Media Sosial Masuk ke WordPress

  1. Bisakah saya mengaktifkan beberapa platform sosial sekaligus di WordPress?
    – Ya, dengan WP User Frontend Pro Anda dapat mengaktifkan Twitter, Facebook, Google, LinkedIn, dan Instagram di situs WordPress Anda.
  2. Berapa banyak pilihan yang harus saya sediakan untuk pelanggan saya?
    – Tidak ada aturan tetap untuk ini, sepenuhnya terserah Anda. Tetapi cobalah untuk tidak membatasi pilihan. Karena tidak semua orang bisa menggunakan platform yang sama. Atau mungkin tidak nyaman menghubungkan saluran sosial tertentu dengan situs web Anda. Cobalah untuk memahami audiens Anda dan berikan opsi yang sesuai.
  3. Apakah ada biaya tambahan yang terlibat untuk mengaktifkan ini?
    - Sama sekali tidak. Jika Anda menggunakan paket WP User Frontend Pro apa pun, Anda dapat mengaktifkannya tanpa biaya tambahan.

Menutup Login Sosial WordPress

Login media sosial memberikan manfaat bagi Anda dan pengunjung situs web Anda. Ya, ada beberapa kerugian yang diketahui seperti kebutuhan untuk mengandalkan uptime pihak ketiga, orang mungkin menggunakan informasi palsu di media sosial, dll. Tetapi kami dapat mengatakan ini adalah fitur yang bagus untuk dimiliki situs web modern. Dan itu pasti dapat meningkatkan interaksi atau keterlibatan pengguna di situs Anda.

Dapatkan WP User Frontend Pro Sekarang!

Semoga Anda mengetahui apakah login sosial penting untuk situs web Anda atau tidak. Atau apakah Anda sudah menggunakannya? Either way, berbagi pendapat Anda dengan kami tentang hal itu. Ini akan membantu kami serta pembaca lain untuk membuat keputusan yang lebih tepat tentang topik ini.