Cara Mengintegrasikan Login Facebook ke Situs WordPress Anda

Diterbitkan: 2017-11-02

Ada sejumlah alasan mengapa Anda mungkin mempertimbangkan untuk menambahkan login sosial Facebook ke situs WordPress Anda. Sebagai permulaan, ini bagus untuk pengalaman pengguna. Pikirkan betapa menyebalkannya harus membuat nama pengguna dan kata sandi lain untuk situs web atau aplikasi baru yang ingin Anda daftarkan. Login Facebook menyederhanakan proses itu dengan memungkinkan pengguna menghubungkan kredensial Facebook mereka ke situs Anda. Voila! Akses instan tanpa bersusah payah.

Ditambah lagi, ada beberapa plugin WordPress login Facebook berkualitas yang membuatnya sangat mudah untuk diterapkan.

Terkait: 9 Widget Facebook WordPress untuk Kotak Suka, Umpan Halaman, dan Acara

Lalu ada manfaatnya bagi Anda. Dengan mengaktifkan login Facebook untuk WordPress, banyak informasi tentang pengguna Anda akan tersedia. Tentu saja, Anda tidak ingin serakah dengan apa yang Anda minta. Anda sebaiknya hanya meminta akses ke informasi tertentu. Dan Anda harus yakin bahwa hal ini tidak akan memengaruhi kecepatan situs. Oleh karena itu, Anda dapat mempelajari hal berikut dari pengguna yang terhubung dengan Facebook:

  • Nama lengkap mereka (bagus untuk mempersonalisasi email).
  • Alamat email asli mereka dan bukan hanya alamat email palsu yang mereka gunakan untuk mendaftar ke situs web.
  • Karakteristik pribadi lainnya seperti jenis kelamin, usia, lokasi, dan bahasa ibu – yang masing-masing dapat membantu Anda mempersonalisasi jangkauan pemasaran Anda.
  • Dengan akses ke “Suka” Facebook mereka, Anda dapat membuat penawaran yang lebih dipersonalisasi di situs Anda berdasarkan preferensi mereka yang diketahui.
  • Dengan akses ke daftar teman Facebook mereka, Anda dapat meningkatkan pengalaman berbelanja mereka dengan membuat rekomendasi berdasarkan apa yang dibeli teman mereka.

Ada informasi lain yang bisa Anda peroleh dari profil publik pengguna Facebook Anda. Namun, sekali lagi, detail di atas saja akan membuka situs (dan bisnis) Anda terhadap peluang baru dengan basis konsumen Anda.

Jadi, jika Anda perlu memberi pengguna akses ke situs web Anda, tombol Login Facebook mungkin merupakan cara yang tepat. Berikut ini adalah tutorial singkat login Facebook WordPress tentang cara mengintegrasikan login sosial Facebook ke situs WordPress Anda menggunakan Facebook untuk Pengembang dan plugin pilihan Anda, JavaScript, atau PHP sambil menjaga lingkungan yang aman bagi pengunjung Anda.

Tim kami di WP Buffs membantu pemilik situs web, mitra agensi, dan mitra pekerja lepas mengintegrasikan login Facebook ke situs web mereka. Dan apakah Anda membutuhkan kami untuk mengelola 1 situs web atau mendukung 1000 situs klien, kami siap membantu Anda.

Cara Mengintegrasikan Login Facebook Untuk WordPress

Facebook telah membuat integrasi Login Facebook menjadi sangat sederhana untuk pengembang WordPress. Menambahkan login Facebook di WordPress tidak pernah semudah ini! Inilah yang perlu Anda lakukan:

Langkah 1: Buat Akun Pengembang

Jika Anda belum pernah membuat aplikasi Facebook sebelumnya, Anda harus menyiapkan Akun Pengembang di Facebook. Anda dapat melakukannya di sini.

Facebook untuk Pengembang

Langkah 2: Buat Aplikasi Baru

Dari subdomain Facebook untuk Pengembang, kini Anda dapat membuat aplikasi baru di akun Anda. Tombol untuk melakukannya ada di pojok kanan atas layar. Klik itu.

Langkah 3: Buat ID Aplikasi Baru

Untuk membedakan aplikasi ini dari aplikasi lain yang telah Anda buat, Anda harus membuat ID aplikasi baru. Jangan gunakan kata “Facebook” (atau apa pun yang mengandung “wajah”) di dalam namanya. Sesuatu seperti “Login Baru” seharusnya bisa dilakukan. Pastikan Anda juga menggunakan email yang sama dengan yang Anda gunakan untuk masuk ke Facebook di sini.

Lalu klik Buat ID Aplikasi .

Langkah 4: Buat Produk

Di halaman aplikasi Facebook, Anda perlu menambahkan produk baru ke daftar aplikasi Anda.

Temukan Login Facebook dari modul di sebelah kanan dan klik Set Up saat mengarahkan kursor ke atasnya.

Langkah 5: Pilih Teknologi Anda

Karena Anda menambahkan login ini ke situs WordPress Anda, Anda dapat memilih tombol Web. Jika Anda memutuskan untuk menambahkan ini ke aplikasi seluler, Anda harus mengulangi proses ini dan memilih opsi yang sesuai.

Langkah 6: Masuk ke Situs Web Anda

Berikan Facebook informasi yang diminta tentang di mana Anda akan menggunakan tombol login ini.

Langkah 7: Salin SDK

Salin SDK Facebook (Perangkat Pengembangan Perangkat Lunak) untuk JavaScript. Ini pada dasarnya adalah API Facebook yang membuka jalur komunikasi antara situs Anda dan Facebook.

Jika Anda ingin mengatur “Izin” yang boleh Anda kumpulkan dari pengguna (pada dasarnya, semua data granular yang dikumpulkan Facebook tentang mereka), Anda dapat menambahkan parameter spesifik untuk mendapatkan informasi tersebut dari mereka juga. Ingatlah bahwa jika Anda berlebihan dalam meminta, Facebook akan meminta Anda menjelaskan alasannya dan mereka kemudian akan meninjaunya sebelum menyetujui penggunaan aplikasi ini. Jadi, pilihlah dengan bijak.

Langkah 8: Konfigurasikan Tombol Login

Sebelum Anda menyalin kode untuk tombol Login, pastikan Anda telah mengonfigurasinya agar terlihat sesuai keinginan Anda. Anda dapat menemukan informasi lebih lanjut tentang cara memperbarui pengaturan tersebut di sini.

Facebook juga memberikan tip bermanfaat tentang cara memberi kata pada tombol Masuk untuk tingkat konversi yang lebih tinggi serta informasi untuk membantu Anda mematuhi panduan gaya mereka di sini. Facebook menyediakan cara lain untuk memperbarui Login sesuai keinginan Anda di halaman ini, jadi pastikan untuk membaca catatan dengan cermat sehingga Anda dapat mengubah kode sesuai keinginan Anda sebelum menyalin dan menyimpannya ke situs Anda.

Anda kemudian dapat menyalin kode yang Anda perlukan untuk menyematkan tombol di halaman Anda.

Langkah 9: Tinjau Dasbor

Dengan aplikasi yang sudah dibuat, Anda dapat menemukan detailnya–termasuk nomor ID Aplikasi dan kode Rahasia Aplikasi (yang akan Anda perlukan nanti)–di Dasbor. Anda juga dapat mengakses Analytics aplikasi Anda di sana setelah aplikasi tersebut ditayangkan di situs Anda.

Langkah 10: Integrasikan Login Facebook ke WordPress

Inilah langkah terakhir: memasukkan tombol Login ke situs web Anda. Cara termudah tentu saja adalah dengan menggunakan plugin WordPress, meskipun ada opsi lain yang tersedia untuk Anda.

Apakah ada plugin login Facebook Facebook terbaik untuk WordPress? Menurut kami, berikut ini adalah opsi yang bagus.

Meningkatkan pengalaman pengguna di situs Anda tidak selalu berhubungan dengan front end yang menghadap pengunjung. Anda mungkin juga merasa perlu untuk menyederhanakan akses ke area admin WordPress untuk pengguna Anda.

Dengan plugin Nextend Facebook Connect, Anda dapat mengaktifkan login Facebook di layar login WordPress. Plugin ini sederhana dalam hal fungsinya, tetapi menyelesaikan pekerjaannya dengan baik dan terlihat bagus tidak peduli seberapa banyak Anda menyesuaikan layar login admin. Yang juga sangat keren dari plugin ini adalah Nextend memberi pengguna kemampuan untuk membuat tombol login “Hubungkan ke Facebook” mereka sendiri.

Setelah aktivasi plugin, Anda akan menemukan serangkaian langkah yang disarankan untuk diikuti untuk menyinkronkan Facebook ke WordPress. Untungnya, Anda sudah mengurus pembuatan aplikasi Facebook dan membuat semua kode khusus yang Anda perlukan. Yang harus Anda lakukan sekarang adalah mengirimkan informasi ke kolom di bawah ini:

Gunakan Plugin di Situs WordPress

Sekarang, ketika kita berbicara tentang menambahkan login Facebook ke situs WordPress, biasanya pada kesempatan inilah Anda ingin menyederhanakan proses untuk pengguna di situs. Ini berarti mengizinkan mereka mengirimkan komentar, mengisi formulir, melakukan pembelian, atau menyelesaikan tindakan lainnya hanya dengan masuk ke Facebook dengan satu klik.

Untuk mengaktifkan login Facebook untuk registrasi pengguna umum dan login di situs web Anda yang sebenarnya, Anda dapat menggunakan salah satu plugin berikut:

Login Facebook berfungsi khusus untuk Facebook dan Facebook saja. Karena tidak dimuat dengan fungsi login sosial lainnya, itu berarti pengaturannya akan jauh lebih ringan dan sederhana dibandingkan beberapa opsi lainnya. Contohnya, seperti inilah pengaturan plugin ini:

Satu-satunya kelemahan plugin ini adalah plugin ini membatasi opsi yang tersedia bagi pengguna Anda untuk login. Jadi, jika Anda mengetahui pengunjung Anda aktif di saluran lain selain Facebook, Anda mungkin ingin menggunakan salah satu plugin login sosial yang lebih komprehensif.

Super Socializer adalah salah satu plugin yang memberi Anda kemampuan untuk menambahkan berbagai opsi masuk media sosial (saat ini ada lebih dari 100+ platform untuk disinkronkan). Tidak hanya itu, plugin ini penuh dengan fitur penyesuaian, sehingga Anda memiliki lebih banyak ruang untuk bermain-main dengan desain, tata letak, dan penggunaan tombol login sosial Anda.

Seperti yang diharapkan, masih banyak lagi pengaturan yang perlu Anda tentukan saat mengaktifkan plugin ini untuk situs Anda. Pastikan untuk membaca setiap halaman karena ada beberapa cara berbeda untuk menggunakan plugin ini: untuk berkomentar, menyukai, berbagi, dan masuk.

Anda kemudian harus menelusuri setiap tab, satu per satu, untuk menilai platform sosial mana yang ingin Anda aktifkan, tampilannya yang Anda inginkan, apa yang Anda ingin mereka katakan, dan seterusnya.

Selain itu, jangan lupa untuk mempertimbangkan bahwa beberapa pengguna mungkin menganggap plugin ini mengganggu. Pengembang plugin ini telah mempertimbangkan kemungkinan itu dan memberi Anda opsi di awal untuk memutuskan apakah Anda ingin menyajikan popup notifikasi atau opsi ini kepada pengunjung Anda jika mereka telah menonaktifkan fungsionalitasnya.

Dan, tentu saja, karena ini semua adalah plugin, tidak perlu melakukan apa pun dengan pengkodean untuk menambahkan tombol ke situs Anda. Setelah Anda memasukkan informasi ID aplikasi Facebook ke plugin pilihan Anda, Anda cukup menempelkan kode pendek di tempat yang Anda inginkan untuk menampilkannya. Anda kemudian akan memiliki tombol login Facebook yang berfungsi penuh dan siap digunakan!

Perbarui HTML Anda

Dengan menggunakan SDK yang disimpan untuk kode JavaScript dari Facebook, Anda dapat dengan mudah menambahkan Login Facebook ke situs WordPress Anda hanya dengan memperbarui HTML Anda. Gunakan Panduan Memulai Cepat Facebook untuk memandu Anda melalui langkah-langkahnya.

Gunakan PHP

Jika Anda lebih suka menggunakan PHP untuk menambahkan tombol Login Facebook ke situs WordPress Anda, Anda juga memiliki opsi untuk melakukannya. Ini memerlukan kerja ekstra karena Anda harus menginstal Facebook SDK untuk PHP ke dalam proyek Anda. Facebook memberikan panduan tentang cara memulai hal ini yang dapat Anda referensikan.

Ringkasan

Ada berbagai cara untuk meningkatkan pengalaman pengguna di situs WordPress Anda saat ini. Menyederhanakan sarana mereka untuk masuk ke situs Anda dengan tombol Login Facebook? Hal ini bisa sangat berharga bagi pengguna Anda (dan diri Anda sendiri) dalam jangka panjang karena integrasi sosial adalah strategi pemasaran yang hebat.

Dan sedikit peringatan bahwa jika tidak digunakan dengan benar, menambahkan fungsi login sosial ke situs web Anda dapat menimbulkan beberapa masalah kegunaan. Inilah cara menghindarinya.

Dan sebagai bonus, berikut adalah beberapa plugin media sosial terbaik.

Ingin memberikan tanggapan Anda atau bergabung dalam percakapan?Tambahkan komentar Anda di Twitter.

Simpan Simpan