การตั้งค่า Chat Buttons ในธีม Plant

ตั้งแต่ธีม Plant เวอร์ชั่น 2.2 จะมีฟีเจอร์ให้แสดง Chat Buttons ที่มุมขวาล่างของเว็บได้นะครับ ตามรูปนี้

ซึ่งไปตั้งค่าผ่าน Cutomizer โดยไปที่

รูปแบบเว็บ → ปรับแต่ง → Chat Buttons ติ๊ก Enable Chat Buttons ได้เลย

คลิกที่รูปตา เพื่อเลือกช่องทางของเว็บที่จะเปิดให้ติดต่อ ด้านล่างจะมีช่องให้กรอก URL หรือเบอร์โทร

แต่สำหรับการเปิดใช้ Messenger จะพิเศษกว่า ตรงมี 2 แบบ คือ

1. แบบปกติ เป็นแค่ลิงก์ แบบนี้ใส่ URL ของ Facebook Messenger ได้เลย เช่น https://m.me/seedthemes
2. แบบใช้ Facebook Chat Plugin มีช่องแชทโผล่ในหน้าเว็บเลย วิธีนี้ไม่ค่อยแนะนำ เพราะเห็นผลดีชัดๆ แค่บนจอคอม แค่ถ้าต้องการตั้งค่า มี 2 จุดที่ต้องทำ คือ 1) หาค่า Facebook Page ID และ 2) ตั้งค่า Chat Plugin ใน Facebook ให้สามารถแสดงในเว็บเราได้

การหาค่า Facebook Page ID

ไปที่เว็บ randomtools.io หรือทำตามคู่มือเฟซบุ๊ค https://www.facebook.com/help/1503421039731588 คือไปที่หน้าเพจตัวเอง คลิก About ดูตรงด้านล่างๆ

การตั้งค่า Chat Plugin

1. ไปที่ Facebook Page ที่ต้องการ เลือก Settings

2.  เลือก Messaging → Add Messenger to your website

3. ตั้งค่าข้อความ สี แนะนำให้ตั้งค่า Automatically expand เป็น Off เพื่อให้ไม่แสดงตีกับไอคอนอื่น

ส่วนที่สำคัญคือ ต้องใส่ URL ที่จะให้แสดงกล่อง Chat Plugin นี้ (ต้องเป็น https เท่านั้นด้วย) ตามรูป