วิธีสร้าง ปุ่ม Facebook Messenger Chat บน เว็บไซต์

0
2414

วิธีสร้าง ปุ่ม Facebook Messenger Chat บน เว็บไซต์

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

โดยในแรกเริ่มนั้น การติดตั้ง facebook Chat ต้อง สร้าง เข้าไปที่ Developer.facebook.com แล้วต้องมีการส่งเพื่อให้ Facebook พิจารณาในการติดตั้งก่อน  ซึ่งตอนนี้ไม่ต้องแล้ว แค่เข้าไปที่เพจที่คุณดูและสามารถใช้งานได้ทันที โดยสามารถทำตามผมได้เลยครับผม

1. Setting and go to Messenger Platform

ไปที่ Facebook Page ของตัวเอง เลือก Setting จากนั้นให้ไปที่หมวด Messenger Platform 

Messenger chat

2. Go to Whitelisted Domains And fill Your Website (https://www.tapanapons.com)

ไปที่ Whitelisted Domain แล้วกรอกเว็บไซต์ จากนั้น Enter ได้เลยครับ ระบบจะแจ้งว่า Saved Successfully 

Messenger Chat

3. Go to Customer Chat Plugin and Click Set Up

ไปที่ปุ่ม Customer Chat Plugin และ กด Set Up โดยระบบจะแสดง POP UP การติดตั้งขึ้นมา ให้กด Next ได้เลย

4. Greeting Message

ในส่วนนี้จะเป็นการตั้งค่า ในส่วนของภาษาที่จะแสดงบนเว็บไซต์ และรวมทั้ง การตั้งค่าข้อความทักทาย และหากมีการตั้งค่าเสร็จก็กด Next ไปได้เลย

5. Set Up Customer Chat

ส่วนที่ในการปรับแต่งรูปแบบของการมองเห็นที่เพิ่มขึ้น โดยสามารถเปลี่ยน ช่วงเวลาที่จะสามารถตอบกลับได้ และสามารถปรับสี ของปุ่ม ICON Facebook Messenger ได้อีกด้วย

6. Set Up Customer Chat on Your Website

ขั้นตอนนี้จะมีวิธีการคือ ใส่ URL เว็บไซต์ของเราเข้าไปก่อนแล้วกด Save จากนั้นให้คลิกบริเวณ Code ในส่วนของช่อง Code Snippet ระบบจะ Copy ตัว Code นั้นอัตโนมัติ จากนั้น ให้นำ Code ที่ได้ไปแทรกในส่วนของ Header ของเว็บไซต์ หรือ ภายใน <head> Facebook code </head>

** ขั้นตอนนี้ใครทำไม่เป็นสามารถแจ้งให้ผมช่วยแนะนำได้เลยครับผม

 

7. Chat will Show on Right bottom

ในส่วนของตัว Chat แสดงขึ้นทางด้านขวาล่าง และสามารถเริ่มดำเนินการ Login หรือ Chat ได้เลยครับผม

 

Remark

  • หากใช้ WordPress ในการทำ Website ให้ดาวโหลด Plugin ที่ชื่อว่า Head & Footer แล้ว นำ Code จาก Facebook มาใส่ในช่อง Header ได้เลยครับ
  • หากใครใช้ HTML หรือ ภาษาอื่นๆ ให้แทรกบน Header ของ website ได้เลยครับ

 

 

ทิ้งคำตอบไว้

Please enter your comment!
Please enter your name here