สร้างปุ่ม Facebook login ใน WordPress ด้วยปลั๊กอิน Nextend Social Login and Register

สำหรับบทความนี้เราจะมาพูดถึงวิธีการสร้างปุ่ม Facebook login สำหรับการเข้าใช้งาน WordPress ด้วยปลั๊กอินที่ชื่อ Nextend Social Login and Register กันนะครับ ซึ่งปุ่มนี้จะอยู่ในหน้าลงทะเบียน (Register) และหน้าเข้าสู่ระบบ (Login) ตามรูปด้านล่าง

Facebook Register and Login Page
Facebook Register and Login Page

สำหรับขั้นตอนการสร้างปุ่ม Facebook login นี้ มีขั้นตอนหลักๆ  ดังต่อไปนี้

ติดตั้งปลั๊กอิน

Nextend Social Login and Register
Nextend Social Login and Register
  • ให้ทำการค้นหาและทำการติดตั้งปลั๊กอิน Nextend Social Login and Register โดยไปที่เมนูปลั๊กอินและทำการเพิ่มปลั๊กอินใหม่เหมือนกับปลั๊กอินอื่นๆ ที่เราทำการติดตั้ง แล้วทำการเปิดใช้งาน
  • หลังจากนั้นให้ไปที่เมนูตั้งค่า (Settings) และ Nextend Social Login เพื่อเข้าหน้าการจัดการของปลั๊กอินนี้ครับ แล้วทำการเลือก Facebook ที่เราต้องการ ทำการกดปุ่ม Getting Started
  • เมื่อเข้ามาแล้วก็จะเจอกับหน้าที่แนะนำถึงวิธีการใช้งานของปลั๊กอินนี้ โดยการใช้ปลั๊กอินนี้จะต้องทำการผูกการใช้งานกับ Facebook App ที่เราจะต้องทำการสร้างและตั้งค่าก่อนใน Facebook ดังนั้นให้เราไปที่ Facebook for Developer กันก่อนครับ

สร้าง Facebook App ID ใน Facebook for Developers

ตั้งค่าใน Facebook for Developers

Facebook for developers
Facebook for developers
  • หลังจากที่ทำการสร้าง Facebook App ID แล้ว ให้ไปที่เมนูการตั้งค่า > ข้อมูลพื้นฐาน ทำการใส่ข้อมูลโดเมนของแอพ, URL นโยบายความเป็นส่วนตัว, URL ข้อกำหนดและบริการ หมวดหมู่และไอคอนแอพครับ
    • โดเมนของแอพ จะใส่เป็นชื่อเว็บของเราและเว็บที่มี www อยู่ด้านหน้า เช่น yourweb.com และ www.yourweb.com
    • URL นโยบายความเป็นส่วนตัว คือ ลิงก์ที่อธิบายนโยบายความเป็นส่วนตัวที่เว็บของเราต้องมี เพื่อบอกว่าข้อมูลสมาชิกทำการสมัครในเว็บไซต์ของเรา เราจะนำข้อมูลส่วนนั้นไปทำอะไรบ้างครับ เช่น www.yourweb.com/privacy-policy/ หากใครยังไม่มีหน้านี้ให้ทำการสร้างด้วยนะครับ
    • URL ข้อกำหนดและบริการ คือ ลิงก์ที่บอกถึงข้อกำหนดและบริการของเว็บไซต์ของเราว่ามีอะไรบ้าง เช่น เกี่ยวกับลิขสิทธิ์ เกี่ยวกับเครื่องหมายการค้า ฯลฯ
    • หมวดหมู่ ให้เรากำหนดเพื่อบอกว่าเว็บของเรานั้นอยู่ในหมวดหมู่ใด เช่น ธุรกิจและเพจต่างๆ
    • ไอคอนแอพ คือ โลโก้ของเรา ให้มีขนาด 1024×1024
  • ในขั้นตอนถัดมา ให้เราไปที่ส่วนสินค้าที่อยู่ด้านล่าง ทำการเลือกหัวข้อ การเข้าสู่ระบบ Facebook และการตั้งค่า ทำการใส่ https://www.yourweb.com/wp-login.php?loginSocial=facebook ลงไปในช่อง Valid OAuth redirect URIs แล้วทำการบันทึก
Valid OAuth redirect URIs
Valid OAuth redirect URIs

นำ Facebook App ID และ App Secret ไปใส่ใน WordPress

  • หลังจากนั้นให้เรากลับไปที่เมนูการตั้งค่า > ข้อมูลพื้นฐาน แล้วทำการก๊อบปี้ ID ของแอพ และข้อมูลลับของแอพ ไปใส่ที่การตั้งค่าของปลั๊กอิน Nextend Social Login and Register ที่เราติดตั้งไว้ที่แท็บ Settings พร้อมทั้งกดปุ่ม Verify เพื่อยืนยันตัวตน
  • หลังจากนั้นให้เราทำการเปิดการใช้งานครับ โดยกดปุ่ม Enable
Facebook App ID and App Secret
Facebook App ID and App Secret

เปิดใช้งาน Facebook Login

เผยแพร่ Facebook login
เผยแพร่ Facebook login
  • ให้กลับไปที่หน้า Facebook for developers อีกครั้ง แล้วทำการเปลี่ยนสถานการณ์ใช้งานจาก อยู่ระหว่างการพัฒนา เป็น เผยแพร่แล้ว
  • เมื่อดำเนินการเสร็จแล้ว หากเราเข้าไปที่ลิงก์ https://www.yourweb.com/wp-login.php?action=register ก็จะแสดงปุ่ม Facebook ให้เราทำการลงทะเบียนแล้วครับ  

หมายเหตุ

  • yourweb ใน URL คือชื่อเว็บของคุณ
  • ในกรณีที่ไม่มีปุ่มลงทะเบียนให้เราเข้าไปทำเครื่องหมายถูกในหัวข้อสมัครสมาชิก ในเมนูตั้งค่า > ทั่วไป ในหน้าแอดมินหลังบ้านของเว็บของเราครับ

คงทำกันได้นะครับ สำหรับการล็อกอินผ่าน Facebook ก็ขอจบบทความสั้นๆ นี้เอาไว้เพียงเท่านี้ เดี๋ยวบทความน่าเป็นเรื่องอะไรมาดูกันครับ สวัสดีครับ

สอน WordPress หรือ WooCommerce
สอน WordPress หรือ WooCommerce