เชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า
ในการเชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า คุณต้องดำเนินการตามลำดับต่อไปนี้ให้เสร็จสิ้น ในระหว่างการตั้งค่า คุณจะต้องสลับแท็บเบราว์เซอร์ระหว่างแดชบอร์ด Meta for Developers และส่วนผู้ดูแล Shopify ของคุณ ทั้งนี้คุณต้องมีบัญชี Meta Developer เพื่อเชื่อมต่อ Facebook กับบัญชีผู้ใช้ของลูกค้า ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีลงทะเบียนเป็น Meta Developer
ในหน้านี้
ขั้นตอนที่ 1: เปิดหน้า Sign in with Facebook ในส่วนผู้ดูแล Shopify ของคุณ
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ การตั้งค่า > บัญชีผู้ใช้ของลูกค้า
ในส่วน การตรวจสอบสิทธิ์ ให้คลิก จัดการ
คลิก เชื่อมต่อ ถัดจาก Facebook เพื่อเปิดหน้า Sign in with Facebook
ขั้นตอนที่ 2: สร้างแอปในแดชบอร์ด Meta for Developers ของคุณ
- ในแท็บเบราว์เซอร์แยกต่างหาก ให้ไปที่แดชบอร์ด Meta for Developers แล้วคลิก Login เพื่อลงชื่อเข้าใช้ หากคุณยังไม่ได้ตั้งค่าบัญชี Meta Developer คุณจะต้องสร้างบัญชีใหม่จากหน้าการเข้าสู่ระบบก่อนดำเนินการขั้นตอนถัดไป
- คลิก Apps
- คลิก Create App
- กรอกข้อมูลในช่อง App name และ App contact email แล้วคลิก Next
- ในหน้า Add use cases ให้เลือก Authenticate and request data from users with Facebook Login แล้วคลิก Next
- ในหน้า Which business portfolio do you want to connect to this app ให้เลือกพอร์ตโฟลิโอธุรกิจ หรือเลือก I don't want to connect a business portfolio yet. แล้วคลิก Next
- ตรวจสอบหน้า Publishing requirements แล้วคลิก Next
- ตรวจสอบหน้า Overview แล้วคลิก Go to dashboard
ขั้นตอนที่ 3: กำหนดการตั้งค่าแอป Meta ของคุณ
- หลังจากสร้างแอปในแดชบอร์ด Meta for Developers ของคุณแล้ว ให้คลิก Use cases
- ในกรณีการใช้งาน Authenticate and request data from users with Facebook Login ให้คลิก Customize
- เพื่อให้แน่ใจว่าจะมีการบันทึกข้อมูลลูกค้าเมื่อลงชื่อเข้าใช้ ในส่วน Permissions and features ถัดจาก email ให้คลิก Add
- คลิก Settings แล้วไปที่ Client OAuth settings
- ในหน้า Sign in with Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คัดลอก URL สำหรับการเปลี่ยนเส้นทางจากส่วน URL สำหรับการเปลี่ยนเส้นทาง
- ในหน้า Settings ในแดชบอร์ด Meta for Developers ของคุณ ให้วาง URL สำหรับการเปลี่ยนเส้นทางในช่อง Valid OAuth Redirect URIs
- หากคุณมี URL สำหรับการเปลี่ยนเส้นทางมากกว่าหนึ่งรายการในส่วน URL สำหรับการเปลี่ยนเส้นทางในส่วนผู้ดูแล Shopify ของคุณ ให้ทำขั้นตอนเหล่านี้ซ้ำสำหรับ URL สำหรับการเปลี่ยนเส้นทางเพิ่มเติม
- ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คัดลอก URL จากส่วน URL สำหรับการยกเลิกการให้สิทธิ์
- ในหน้าการตั้งค่าในแดชบอร์ด Meta for Developers ของคุณ ให้วาง URL ในช่อง URL เรียกกลับสำหรับการยกเลิกการให้สิทธิ์
- ในหน้าการตั้งค่าในแดชบอร์ด Meta for Developers ของคุณ ให้คลิกบันทึกการเปลี่ยนแปลง
ขั้นตอนที่ 4 กำหนดค่าข้อมูลประจำตัวในส่วนผู้ดูแล Shopify ของคุณ
- กลับไปที่แดชบอร์ด Meta for Developers ของคุณ จากนั้นคลิกการตั้งค่าแอป > พื้นฐาน
- คัดลอก ID ของแอปจากแดชบอร์ด Meta for Developers ของคุณ
- ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้วาง ID ของแอปในช่อง ID ของแอปของส่วนข้อมูลประจำตัว
- ในแดชบอร์ด Meta for Developers ของคุณ ให้คลิกแสดงถัดจากข้อมูลลับของแอป จากนั้นคัดลอกข้อมูลลับของแอป
- ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้วางข้อมูลลับของแอปในช่องข้อมูลลับของแอป จากนั้นคลิกบันทึก
- ในส่วนผู้ดูแล Shopify ของคุณ ให้คลิกบันทึกการเปลี่ยนแปลง
ขั้นตอนที่ 5 ทดสอบและเปิดใช้งานการลงชื่อเข้าใช้ด้วย Facebook
- ในหน้าลงชื่อเข้าใช้ด้วย Facebook ในส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการดำเนินการเพิ่มเติม > ดูตัวอย่าง จากนั้นทดสอบขั้นตอนการตรวจสอบสิทธิ์ของ Facebook เสมือนว่าคุณเป็นลูกค้าที่กำลังลงชื่อเข้าใช้ร้านค้าของคุณ
- คลิกเปิดใช้งาน
หลังจากที่คุณเปิดใช้งานการลงชื่อเข้าใช้ด้วย Facebook แล้ว คุณสามารถทดสอบประสบการณ์การใช้งานของลูกค้าได้โดยไปที่ร้านค้าออนไลน์ของคุณและลงชื่อเข้าใช้บัญชีผู้ใช้ของลูกค้าด้วย Facebook