การใช้งานบัญชี facebook เพื่อเข้าสู่ระบบร้านค้าออนไลน์

*

*

อักษรภาษาอังกฤษ (a-z, A-Z), ตัวเลข (0-9), และสัญลักษณ์ (-) เท่านั้น โดยต้องไม่เว้นวรรคและต้องมีมากกว่า 4 ตัวอักษร
อักษรภาษาอังกฤษ (a-z, A-Z), ตัวเลข (0-9), และสัญลักษณ์ (-) เท่านั้น โดยต้องไม่เว้นวรรคและต้องมีมากกว่า 4 ตัวอักษร
หน้าหลัก>คู่มือการใช้งานระบบการจัดการร้านค้าออนไลน์ V.3.0.0 ถึง 3.3.0>สำหรับการใช้งานครบวงจร>การใช้งานอื่นๆ>การใช้งานบัญชี Facebook เพื่อเข้าสู่ระบบร้านค้าออนไลน์
*
การใช้งานบัญชี Facebook เพื่อเข้าสู่ระบบร้านค้าออนไลน์
*

ระบบร้านค้าออนไลน์ของตะกร้าออนไลน์ ได้กำหนดการค่ามาตรฐานในการซื้อสินค้าไว้ว่าผู้ที่จะทำการสั่งซื้อจะต้องเป็นสมาชิกกับร้านค้าก่อนจึงจะสามารถสั่งซื้อสินค้าและชำระเงินได้ เพื่อต้องการให้เจ้าของร้านมีฐานข้อมูลลูกค้าเพิ่มขึ้น หากเจ้าของร้านต้องการให้ลูกค้าซื้อสินค้าและชำระเงินโดยที่ไม่ต้องเป็นสามาชิกก็สามารถกำหนดได้เช่นกัน (การชำระเงินแบบไม่ระบุตัวตน) นอกจากนี้ระบบร้านค้าออนไลน์ของตะกร้าออนไลน์ยังรองรับให้ลูกค้าสามารถใช้บัญชี facebook ในการ Login เพื่อเข้าสู่ระบบร้านค้าออนไลน์ได้ แต่เจ้าของร้านต้องดำเนินการตั้งค่าเป็น 2 ส่วนดังนี้

1. การลงทะเบียนเป็นผู้พัฒนา (Developer) กับทาง Facebook

2. การตั้งค่าเปิดใช้งานเข้าสู่ระบบด้วยบัญชี facebook ในระบบการจัดการร้านค้าออนไลน์ 

*หมายเหตุ เว็บไซต์ของคุณต้องเป็นเว็บไซต์ที่มีการเข้ารหัสแบบ SSL (https://) เท่านั้น จึงจะสามารถใช้งานการเข้าสู่ระบบด้วยบัญชี facebook เนื่องจากเป็นนโยบายเรื่องความปลอดภัยซึ่ง facebook เป็นผู้กำหนด

 

1. การลงทะเบียนเป็นผู้พัฒนา (Developer) กับทาง Facebook

โดยการเปิดใช้งาน Facebook Login นั้น เจ้าของเว็บไซต์จะต้องทำการสมัครเป็นผู้พัฒนา (Developer) กับทาง Facebook ก่อน สามารถสมัครได้ที่ https://developers.facebook.com มีขั้นตอนดังนี้ (ถ้าหากคุณเป็นสมาชิกและมี phầm mềm อยู่แล้ว สามารถข้ามขั้นตอนไปยังการตั้งค่า Facebook Login ได้ที่นี่)

1.เข้าเว็บไซต์ https://developers.facebook.com จากนั้นระบบจะแสดงหน้าส่วนข้อมูลผู้พัฒนา ให้คุณคลิกที่เมนู “เข้าสู่ระบบ” (หรือ Log In) (รูปที่ 1)

*

รูปที่ 1 เข้าสู่ระบบผู้พัฒนา

2. ระบบจะให้คุณใส่ อีเมล/เบอร์โทร และ รหัสผ่าน ในการเข้าใช้งาน Facebook เมื่อคุณระบุเสร็จเรียบร้อยให้คลิกที่ “เข้าสู่ระบบ” (หรือ Log In) (รูปที่ 2)

*

รูปที่ 2 เข้าสู่ระบบ facebook

3. ระบบจะกลับมายังหน้าพื้นที่ผู้พัฒนาอีกครั้ง ให้คุณคลิกที่ “เริ่มต้นการใช้งาน” (หรือ Register) (รูปที่ 3)

*

รูปที่ 3 เริ่มต้นการใช้งาน

4. ระบบจะแสดงข้อความให้คุณยินยอมรับการสื่อสารทางอิเล็กทรอนิกส์ที่เกี่ยวข้องกับการตลาดจาก Facebook ให้คุณคลิกที่ “ ถัดไป ” (รูปที่ 4)

*

รูปที่ 4 การยืนยันยอมรับเงื่อนไขและข้อตกลงต่างๆ

5 .จากนั้นระบบจะให้คุณเลือกบทบาทหน้าที่ของคุณ ให้คุณทำการเลือกที่บทบาท “นักพัฒนา” (รูปที่ 5)

*

รูปที่ 5 เลือกบทบาทหน้าที่

6. จากนั้นระบบจะแสดงหน้าจอการสร้าง ID ของแอพใหม่ (รูปที่ 6) โดยข้อมูลที่คุณต้องระบุมีดังนี้

*

รูปที่ 6 กรอกข้อมูลเพื่อสร้าง ID ของแอพ

- ชื่อที่แสดง : ระบุชื่อแอพที่ต้องการเพื่อให้คุณสามารถกลับมาจัดการในภายหลังได้

- อีเมลติดต่อ : ระบุอีเมลที่ต้องใช้เพื่อติดต่อ

จากนั้นคลิก "Next"

7. ระบบจะทำการตรวจสอบความปลอดภัยกับคุณ ให้ยืนยันตามหน้าจอ ณ ตอนนั้น (ระบบ Facebook) มีการเปลี่ยนแปลงวิธียืนยันตัวตนค่อนข้างบ่อย เช่น บางครั้งต้องกรอกรหัสตามหน้าจอหรือบางครั้งเป็นการคลิกยืนยันว่าไม่ใช่โรบอท เป็นต้น

8. จากนั้นระบบจะแสดงหน้าข้อมูลแอพ ที่เพิ่งสร้างเสร็จในพื้นที่การตั้งค่าสินค้า ให้คลิกที่ "เพิ่มสินค้า" (หมายเลข1) และคลิกที่ "ตั้งค่า" ในส่วนของการเข้าสู่ระบบ facebook (หมายเลข2) (รูปที่ 7)

*

รูปที่ 7 เพิ่มการสินค้า

9. ระบบจะแสดงหน้าจอให้เลือกประเภทของการใช้ Facebook Login ให้คลิกที่ WWW (Web) (รูปที่ 8)

*

รูปที่ 8 WWW

10. ให้ระบุชื่อเว็บไซต์ของคุณในช่อง “URL เว็บไซต์” และคลิกปุ่ม “Save” (รูปที่ 10)

*

รูปที่ 10 ระบุ URL เว็บไซต์ของคุณ

11. ที่เมนูด้านซ้าย จะพบว่าระบบได้เพิ่มการเข้าสู่ระบบ facebook ให้แล้ว ให้คุณคลิกที่เมนู “ตั้งค่า” (รูปที่ 11)

*

รูปที่ 11 การเข้าสู่ระบบ facebook

12. จากนั้นระบบจะแสดงหน้าจอสำหรับตั้งค่า ที่ช่อง “URI การเปลี่ยนแปลงเส้นทาง OAuth ที่ถูกต้อง” ให้ระบุ

http://เว็บไซต์ร้านค้าออนไลน์ของคุณ/register.aspx (หมายเลข1) และคลิกที่ปุ่ม “บันทึกการเปลี่ยนแปลง”(หมายเลข2) (รูปที่ 12)

*

รูปที่ 12 URI การเปลี่ยนแปลงเส้นทาง OAuth ที่ถูกต้อง

13. จากนั้นที่เมนูด้านซ้าย ให้คุณคลิกที่เมนู “การตั้งค่า”(รูปที่ 13)

*

รูปที่ 13 การตั้งค่า

14. ระบบจะแสดงหน้าจอการตั้งค่า ที่ช่อง “โดเมนของแอพ” ให้ทำการระบุชื่อเว็บไซต์ร้านค้าออนไลน์ของคุณ และคลิกที่ปุ่ม “บันทึกการเปลี่ยนแปลง” (รูปที่ 14)

*

รูปที่ 14 โดเมนของแอพ

15. จากนั้นให้มองที่ด้านบนจะมีป่มปิด/เปิด สถานะ (รูปที่ 15) ระบบจะแสดงกล่องข้อความเพื่อให้คุณยืนยันการตั้งค่า ให้ทำการคลิก “ยืนยัน” เพื่อเปิดใช้งานแท็ปของเพจ (รุปที่ 16)

*URL นโยบายความเป็นส่วนตัว ให้ใส่ลิ้งก์ของเว็บไซต์ที่ต้องการเปิด Log in ผ่าน Facebook (สามารถ Copy ลิ้งก์มาได้เลยค่ะ)

**เลือกหมวดหมู่ให้ตรงกับธุรกิจ

*

รูปที่ 15 การตรวจพิจารณาแอพ

 

*

รูปที่ 16 ยืนยันการใช้งานแอพ

*** รบกวนเช็คการตั้งค่าบน Facebook ก่อนทำขั้นตอนต่อไป โดย คลิกที่นี่

2. การตั้งค่าเปิดใช้งานเข้าสู่ระบบด้วยบัญชี facebook ในระบบการจัดการร้านค้าออนไลน์

หลังจากที่ได้ทำการสมัครเป็นผู้พัฒนาและสร้างแอพเรียบร้อยแล้ว รวมถึงการตั้งค่าสำหรับการเข้าสู่ระบบ facebook ตามหัวข้อที่ 1 ให้นำ ID ของแอพ (หรือ AppID) และ ứng dụng Secret มาระบุที่ระบบจัดการร้านค้าออนไลน์ โดยสามารถทำตามขั้นตอนได้ดังนี้

1. หลังจากที่เจ้าของร้านได้เข้าสู่ระบบการจัดการเรียบร้อยแล้ว ให้คลิกไปที่เมนู "ตั้งค่าระบบ" และเลือกเมนูย่อย "ตั้งค่าร้านค้า" (รูปที่ 17)

*

รูปที่ 17 ตั้งค่าร้านค้า

2. ระบบจะแสดงพื้นที่การจัดการที่เกี่ยวข้องกับร้านค้า (รูปที่ 18)

*

รูปที่ 18 ร้านค้า

3. ให้ทำการเลื่อนหน้าจอมายังด้านล่างจนพบกับ "การสมัครสมาชิก" จากนั้นคลิกที่สัญลักษณ์เปิดใช้งาน เพื่อเปิดใช้งานล็อกอินด้วย facebook และระบุ AppID และ ứng dụng Secret ที่ได้จากการสร้างแอพบน Developer Facebook (รูปที่ 19) มาใส่ในหน้าในระบบ (รูปที่ 20)

*

รูปที่ 19 AppID และ tiện ích Secret  

*

รูปที่ 20 ล็อกอินด้วย facebook

4. คลิกที่ปุ่มบันทึก เพื่อบันทึกการตั้งค่า

เมื่อเปิดใช้งานล็อกอินด้วย facebook เรียบร้อยแล้ว ที่หน้าเข้าสู่ระบบ จะแสดงปุ่ม Login With Facebook หากลูกค้าของท่านคลิกที่ปุ่มนี้ ระบบจะทำการเข้าสู่ระบบด้วยชื่ออีเมล์ของลูกค้าที่ใช้ใน facebook ทันที โดยที่ไม่ต้องกรอกข้อมูลใดๆ (รูปที่ 21)

*

รูปที่ 21 ปุ่ม Login With Facebook

สำหรับลูกค้าที่ใช้บัญชี facebook ในการเข้าสู่ระบบร้านค้าออนไลน์ และต้องการสั่งซื้อสินค้าผ่านหน้าเว็บไซต์ ที่หน้าข้อมูลจัดส่งสินค้า ระบบจะให้ลูกค้ากรอกที่อยู่สำหรับจัดส่ง และจะบันทึกข้อมูลเก็บไว้ สำหรับการสั่งซื้อครั้งถัดๆไป ระบบจะดึงข้อมูลที่เคยกรอกไว้มาแสดงให้ในทันที (รูปที่ 22)

Leave a Reply

Your email address will not be published. Required fields are marked *