เชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า

ในการเชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า คุณต้องดำเนินการตามลำดับต่อไปนี้ให้เสร็จสิ้น ในระหว่างการตั้งค่า คุณจะต้องสลับแท็บเบราว์เซอร์ระหว่างแดชบอร์ด Meta for Developers และส่วนผู้ดูแล Shopify ของคุณ ทั้งนี้คุณต้องมีบัญชี Meta Developer เพื่อเชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีลงทะเบียนเป็น Meta Developer

ขั้นตอนที่ 1: เปิดหน้า Sign in with Facebook ในส่วนผู้ดูแล Shopify ของคุณ

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ การตั้งค่า > บัญชีผู้ใช้ของลูกค้า

  2. ในส่วน การตรวจสอบสิทธิ์ ให้คลิก จัดการ

  3. คลิก เชื่อมต่อ ถัดจาก Facebook เพื่อเปิดหน้า Sign in with Facebook

ขั้นตอนที่ 2: สร้างแอปในแดชบอร์ด Meta for Developers ของคุณ

  1. ในแท็บเบราว์เซอร์แยกต่างหาก ให้ไปที่แดชบอร์ด Meta for Developers แล้วคลิก Login เพื่อลงชื่อเข้าใช้ หากคุณยังไม่ได้ตั้งค่าบัญชี Meta Developer คุณจะต้องสร้างบัญชีใหม่จากหน้าการเข้าสู่ระบบก่อนดำเนินการขั้นตอนถัดไป
  2. คลิก Apps
  3. คลิก Create App
  4. กรอกข้อมูลในช่อง App name และ App contact email แล้วคลิก Next
  5. ในหน้า Add use cases ให้เลือก Authenticate and request data from users with Facebook Login แล้วคลิก Next
  6. ในหน้า Which business portfolio do you want to connect to this app ให้เลือกพอร์ตโฟลิโอธุรกิจ หรือเลือก I don't want to connect a business portfolio yet. แล้วคลิก Next
  7. ตรวจสอบหน้า Publishing requirements แล้วคลิก Next
  8. ตรวจสอบหน้า Overview แล้วคลิก Go to dashboard

ขั้นตอนที่ 3: กำหนดการตั้งค่าแอป Meta ของคุณ

  1. หลังจากสร้างแอปในแดชบอร์ด Meta for Developers ของคุณแล้ว ให้คลิก Use cases
  2. ในกรณีการใช้งาน Authenticate and request data from users with Facebook Login ให้คลิก Customize
  3. เพื่อให้แน่ใจว่าจะมีการบันทึกข้อมูลลูกค้าเมื่อลงชื่อเข้าใช้ ในส่วน Permissions and features ถัดจาก email ให้คลิก Add
  4. คลิก Settings แล้วไปที่ Client OAuth settings
  5. ในหน้า Sign in with Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คัดลอก URL สำหรับการเปลี่ยนเส้นทางจากส่วน URL สำหรับการเปลี่ยนเส้นทาง
  6. ในหน้า Settings ในแดชบอร์ด Meta for Developers ของคุณ ให้วาง URL สำหรับการเปลี่ยนเส้นทางในช่อง Valid OAuth Redirect URIs
  7. หากคุณมี URL สำหรับการเปลี่ยนเส้นทางมากกว่าหนึ่งรายการในส่วน URL สำหรับการเปลี่ยนเส้นทางในส่วนผู้ดูแล Shopify ของคุณ ให้ทำขั้นตอนเหล่านี้ซ้ำสำหรับ URL สำหรับการเปลี่ยนเส้นทางเพิ่มเติม
  8. ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คัดลอก URL จากส่วน URL สำหรับการยกเลิกการให้สิทธิ์
  9. ในหน้าการตั้งค่าในแดชบอร์ด Meta for Developers ของคุณ ให้วาง URL ในช่อง URL เรียกกลับสำหรับการยกเลิกการให้สิทธิ์
  10. ในหน้าการตั้งค่าในแดชบอร์ด Meta for Developers ของคุณ ให้คลิกบันทึกการเปลี่ยนแปลง

ขั้นตอนที่ 4 กำหนดค่าข้อมูลประจำตัวในส่วนผู้ดูแล Shopify ของคุณ

  1. กลับไปที่แดชบอร์ด Meta for Developers ของคุณ จากนั้นคลิกการตั้งค่าแอป > พื้นฐาน
  2. คัดลอก ID ของแอปจากแดชบอร์ด Meta for Developers ของคุณ
  3. ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้วาง ID ของแอปในช่อง ID ของแอปของส่วนข้อมูลประจำตัว
  4. ในแดชบอร์ด Meta for Developers ของคุณ ให้คลิกแสดงถัดจากข้อมูลลับของแอป จากนั้นคัดลอกข้อมูลลับของแอป
  5. ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้วางข้อมูลลับของแอปในช่องข้อมูลลับของแอป จากนั้นคลิกบันทึก
  6. ในส่วนผู้ดูแล Shopify ของคุณ ให้คลิกบันทึกการเปลี่ยนแปลง

ขั้นตอนที่ 5 ทดสอบและเปิดใช้งานการลงชื่อเข้าใช้ด้วย Facebook

  1. ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการดำเนินการเพิ่มเติม > ดูตัวอย่าง จากนั้นทดสอบขั้นตอนการตรวจสอบสิทธิ์ของ Facebook เสมือนว่าคุณเป็นลูกค้าที่กำลังลงชื่อเข้าใช้ร้านค้าของคุณ
  2. คลิกเปิดใช้งาน

หลังจากที่คุณเปิดใช้งานการลงชื่อเข้าใช้ด้วย Facebook แล้ว คุณสามารถทดสอบประสบการณ์การใช้งานของลูกค้าได้โดยไปที่ร้านค้าออนไลน์ของคุณและลงชื่อเข้าใช้บัญชีผู้ใช้ของลูกค้าด้วย Facebook