30.ปุ่ม Messenger และ LINE

คลิปวิดีโอนี้เป็นการอัปเดตฟีเจอร์ใหม่สำหรับ Template ซีรีส์ "Focus" (เริ่มตั้งแต่ปี 2025 เป็นต้นไป) โดยเน้นไปที่การเพิ่ม "ปุ่มลิงก์แชท Messenger และ LINE" แบบลอยค้าง (Sticky Button) ไว้ที่มุมขวาของหน้าจอ เพื่อช่วยให้ลูกค้าติดต่อสอบถามได้สะดวกยิ่งขึ้นครับ [00:19]

สรุปขั้นตอนและวิธีการตั้งค่ามีดังนี้:

1. การเข้าถึงเมนูตั้งค่า [01:35]

• ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
• คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ปรับโครงสร้างหน้าแรก" (Layout Config) [01:55]
• เลื่อนลงมาที่หัวข้อที่ 11 (Messenger) และ 12 (LINE) [02:00]

2. การตั้งค่าปุ่ม Messenger [02:05]

• เปิด/ปิด: สามารถเลือกแสดงหรือซ่อนปุ่มได้ [02:14]
• รูปภาพปุ่ม: ใช้รูปมาตรฐาน (Default) หรืออัปโหลดรูปใหม่เองได้ (ถ้าอัปโหลดใหม่ต้องระบุขนาดกว้าง-สูงให้ตรงกับรูปจริง) [02:32]
• ลิงก์ Messenger:
  1. เข้า Facebook > Messenger > การตั้งค่า (ไอคอนฟันเฟือง) [03:33]
  2. คัดลอก URL Messenger มาวางในช่องลิงก์
  3. สำคัญ: ต้องใส่ https:// นำหน้าลิงก์เสมอเพื่อให้กดแล้วทำงานได้ [05:31]
• ตำแหน่งและขนาด: ปรับความกว้าง/สูง และระยะห่างจากขอบจอ (ด้านล่างและด้านขวา) ได้ตามต้องการ [04:00]

3. การตั้งค่าปุ่ม LINE [06:06]

• หลักการตั้งค่าเหมือนกับ Messenger (เปิด/ปิด, เปลี่ยนรูป, ปรับขนาด/ตำแหน่ง) [06:11]
• ลิงก์ LINE: สามารถทำได้ 2 รูปแบบ [06:31]
  • LINE ID ธรรมดา: ใช้รูปแบบ https://line.me/ti/p/~[ID ของคุณ] [07:04]
  • LINE Official Account (LINE OA): ใช้รูปแบบลิงก์ของ LINE OA ที่ได้รับจากระบบ
• ข้อความ Title: กำหนดข้อความที่จะแสดงเมื่อนำเมาส์ไปวาง (Hover) เช่น "พูดคุยผ่าน LINE" [07:57]

จุดเด่นของฟีเจอร์นี้: ปุ่มทั้งสองจะลอยอยู่ตำแหน่งเดิมตลอดเวลาแม้ผู้ใช้จะสกรอลล์หน้าจอลงมา (Scroll) ทำให้ลูกค้าสามารถคลิกแชทได้ทันทีจากทุกส่วนของหน้าแรกครับ [01:20]