ความรู้ Magento ในไทย
Advance Tutorials

วิธีทำ Facebook Login สำหรับเว็บไซต์ Magento

การทำ Facebook Login ให้กับเว็บไซต์ขายของ ลูกค้าสามารถเข้าสู่ระบบโดยเชื่อมต่อกับบัญชี Facebook ได้เลย ทำให้สะดวกในการใช้งานสำหรับลูกค้ามากค่ะ วันนี้จะแนะนำ Magento Extension ในการทำ Facebook Login สำหรับ Magento พร้อมวิธีสร้าง App Facebook และวิธีทำ Facebook Login แบบ step by step  ค่ะFacebook Login

วิธีทำ Facebook Login สำหรับเว็บไซต์ Magento

Facebook Connect

Extension : Facebook Connect and Like Free

Facebook Connect and Like Free เป็น extension ฟรี Compatible with: 1.4, 1.4.1.1, 1.4.2, 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7 ค่ะ สามารถติดตั้ง extension ผ่าน Magento Connect โดยใช้ extension key ข้างล่างเพื่อทำการติดตั้งค่ะ

Magento Version 1.4 – 1.4.2:
magento-community/facebookfreebelvg

Magento Version 1.5 – 1.7:
http://connect20.magentocommerce.com/community/facebookfreebelvg

ดูรายละเอียดของ Extension เพิ่มเติมได้ที่นี่ค่ะ http://www.magentocommerce.com/magento-connect/facebookfreebelvg-4448.html

สำหรับท่านที่ติดตั้ง Extension ผ่าน Magento Connect เป็นแล้ว ให้ทำการติดตั้ง Extension และข้ามไปดูวิธีตั้งค่า extension ได้เลยค่ะ ส่วนท่านที่ยังติดตั้ง extension ไม่เป็น ให้ทำการติดตั้งตามวิธีข้างล่างค่ะ

วิธีติดตั้ง Extension ผ่าน Magento Connect

  • เข้าระบบหลังร้าน –> System –> Magento Connect –> Magento Connect Manager

  • เข้าสู่ระบบ Magento Connect โดยใช้ username และ password เดียวกับเข้าระบบหลังร้าน

  • นำ Extension key ของ extension มากรอกเพื่อทำการติดตั้งค่ะ
  • คลิกปุ่ม install

  • คลิกปุ่ม Process

  • ระบบจะทำการติดตั้ง Extension ดังรูป

  • หลังจากติดตั้ง Extension เสร็จแล้ว ให้ออกจากระบบก่อนแล้วทำการเข้าสู่ระบบใหม่เพื่อตั้งค่า Extension ค่ะ
  • เข้าระบบหลังร้าน –> System –> Configuration –>  Facebook Connect and Like Free

  • Enabled เลือก Enable
  • กรอก Application Id (ดูวิธีสร้าง Application Id ข้างล่างค่ะ)
  • กรอก Secret Key (ดูวิธีสร้าง Secret Key ข้างล่างค่ะ)
  • คลิกบันทึก

วิธีการสร้าง Application Id และ Secret Key (App Facebook)

  • คลิก สร้างแอพใหม่

  • กรอกชื่อแอพ (App Name)
  • คลิก ดำเนินการต่อ

  • กรอกที่อยู่เว็บไซต์ในการเข้าสู่ระบบด้วย Facebook

  • คลิกบันทึกการเปลี่ยนแปลง ก็จะได้ App ID และ App Secret ดังรูปค่ะ

  • นำ Application Id และ Secret Key ที่ได้มาตั้งค่า Extension ของเราค่ะ

  • คลิก Save Config ก็เสร็จเรียบร้อยค่ะ
  • เข้าดูที่หน้าเว็บไซต์ และลองทำการ Login ด้วย Facebook ดูค่ะ

  • ถ้าทำการ Login ด้วย Facebook ได้ ตรงข้อความต้อนรับของเว็บไซต์จะเปลี่ยนเป็น ชื่อ Facebook และรูปของเราค่ะ

บทความโดย: พัชรินทร์
ThaishopDesign

(ห้ามคัดลอกบทความนี้โดยไม่ได้รับอนุญาต)