หน้า Landing Page สำหรับเช็กอิน
แชร์ลิงก์เดียวหรือ QR code เดียวให้ผู้เข้าพักเพื่อเริ่มเส้นทางเช็กอินได้ ใช้เวลาเพียง 2 นาทีในการตั้งค่า
หน้า Check-in Landing Page ช่วยให้ผู้เข้าพักทำ pre-check-in หรือเช็กอินแบบ self-service จากอุปกรณ์ของตัวเองได้ คุณสามารถแชร์ลิงก์จากหน้านี้ หรือใช้เมนู Check-in ในแถบหัวด้านบนเพื่อเปิดลิงก์ผู้เข้าพัก ลิงก์เดโม และ QR code
ตำแหน่งที่พบ
Settings → Check-In (ด้านบนของหน้า)
ภาพรวมแบบย่อ
| ฟีเจอร์ | ทำอะไร | ผลต่อผู้เข้าพัก |
|---|---|---|
| Guest Link | URL เดียวสำหรับแชร์เช็กอิน | ผู้เข้าพักใช้อุปกรณ์ของตนเองเช็กอินได้ |
| QR Code | QR code สำหรับพิมพ์หรือใช้งานดิจิทัลจากเมนูแถบหัวด้านบน | เข้าถึงได้เร็วด้วยการสแกน |
| Mode Selection | เลือกประเภทของ flow เช็กอิน | ควบคุมประสบการณ์ของผู้เข้าพัก |
| Check-in dropdown | เปิดลิงก์ผู้เข้าพัก ลิงก์เดโม และการทำงานกับ QR จากแถบหัวด้านบน | พนักงานทดสอบและแชร์ได้เร็วขึ้น |
| Tablet header controls | แสดงตัวควบคุมภาษาและออกจากหน้าแบบเป็นไอคอนล้วนเมื่อหน้าจอเป็นขนาดแท็บเล็ต | ทำให้แถบด้านบนกะทัดรัดบนหน้าจอเล็กลง |
| Localized labels | แสดงป้าย dropdown และสถานะปุ่มเป็นภาษาที่แปลแล้ว | พนักงานทำงานในภาษาที่ถนัดได้ |
โหมดเช็กอิน 3 แบบ
เลือกโหมดให้ตรงกับวิธีที่คุณต้องการให้ผู้เข้าพักเช็กอิน:
| โหมด | เหมาะสำหรับ | ผู้เข้าพักจะเห็น |
|---|---|---|
| Pre-arrival | เช็กอินระยะไกลก่อนมาถึง | ทำเช็กอินเสร็จก่อนมาถึงโรงแรม |
| Self Check-In | flow คีออสก์แบบไม่ต้องมีคนช่วย | บริการตนเองเต็มรูปแบบที่คีออสก์หรืออุปกรณ์ส่วนตัว |
| Assisted Check-In | เช็กอินที่มีพนักงานช่วยนำขั้นตอน | พนักงานสแกนเอกสาร ผู้เข้าพักยืนยันรายละเอียด |
โหมด Pre-arrival
ผู้เข้าพักทำเช็กอินให้เสร็จทั้งหมดก่อนมาถึงที่พัก
ควรใช้เมื่อ:
- คุณต้องการลดเวลารอที่ฟรอนต์เดสก์
- ผู้เข้าพักมาถึงนอกเวลาทำการ
- คุณมี early check-in หรือ late check-out
โหมด Self Check-In
ผู้เข้าพักเป็นผู้ทำเช็กอินทุกขั้นตอนด้วยตนเอง
ควรใช้เมื่อ:
- คุณมีคีออสก์บริการตนเอง
- ผู้เข้าพักต้องการเช็กอินแบบอิสระ
- คุณต้องการลดการติดต่อกับพนักงาน
ผู้เข้าพักสแกน QR code → สแกนเอกสาร → ยืนยันรายละเอียด → เช็กอินเสร็จ
โหมด Assisted Check-In
พนักงานฟรอนต์เดสก์สแกนเอกสารให้ผู้เข้าพัก จากนั้นส่งอุปกรณ์ให้ผู้เข้าพักยืนยันข้อมูล
ควรใช้เมื่อ:
- คุณต้องการให้พนักงานช่วยนำกระบวนการ
- ต้องการดูแลคุณภาพการสแกนเอกสาร
- คุณต้องการรูปแบบ self-service แบบผสม
พนักงานสแกนเอกสารเดินทาง → ผู้เข้าพักยืนยันรายละเอียดบนหน้าจอ → ทำลายเซ็น/ชำระเงินเสร็จ
การตั้งค่า Check-In Landing Page
ขั้นตอนที่ 1: เลือกโหมด
-
ไปที่ Settings → Check-In
-
หาเซกชัน Check-in Landing Page
-
เลือกโหมดที่ต้องการจาก 3 ตัวเลือก
✓ URL จะอัปเดตอัตโนมัติเมื่อคุณเปลี่ยนโหมด
ขั้นตอนที่ 2: แชร์ลิงก์
คัดลอกลิงก์:
-
คลิก Copy link
-
แชร์ผ่านอีเมล, WhatsApp หรือข้อความยืนยันการจอง
✓ ผู้เข้าพักเปิดได้จากทุกอุปกรณ์
ใช้ QR code:
- เปิดเมนู Check-in ที่แถบหัวด้านบน
- คลิก QR code
- ดาวน์โหลดเป็น SVG หรือ PNG
- พิมพ์ติดที่ล็อบบี้หรือใส่ในอีเมลยืนยัน
ขั้นตอนที่ 3: ทดสอบประสบการณ์
คุณทดสอบได้ 2 วิธี:
ตัวเลือก A: ทดสอบจาก Settings
- คลิก Open link เพื่อดูตัวอย่าง
- ลอง flow เช็กอินในมุมมองของผู้เข้าพัก
- ตรวจว่าทุกขั้นตอนทำงานถูกต้อง
ตัวเลือก B: ใช้ Check-in dropdown ที่แถบหัวด้านบน
-
ที่แถบหัวด้านบน คลิก Check-in
-
ใน Guest link เลือก Pre-arrival, Self, หรือ Assisted
-
คลิก Open link หรือ Copy link เพื่อใช้ URL ผู้เข้าพักจริง
-
ใน Demo check-in mode เลือกโหมดเพื่อรันการเช็กอินจำลอง
✓ Demo จะเปิดแท็บใหม่พร้อมการจองจำลองและ
demo=1✓ หลังคลิก Copy link ปุ่มจะเปลี่ยนเป็น Copied ชั่วคราวตามภาษาที่เลือก
บนโทรศัพท์ dropdown จะเปิดเต็มความกว้างใต้แถบหัวด้านบน
ตรวจป้ายภาษา
ใช้เช็กลิสต์สั้น ๆ นี้หลังจากคุณเปลี่ยนภาษา Streamliner:
- สลับ UI ไปเป็นภาษาที่ไม่ใช่ภาษาอังกฤษ
- เปิด Check-in dropdown ที่แถบหัวด้านบน
- ยืนยันว่า Guest link ถูกแปลแล้ว
- ยืนยันว่าป้าย Pre-arrival, Self, และ Assisted แสดงชื่อย่อที่แปลแล้ว
- คลิก Copy link และยืนยันว่าสถานะ Copied ถูกแปลแล้ว
- ตรวจว่าข้อความคำอธิบายของ Demo check-in mode ถูกแปลแล้ว
การเปลี่ยนโหมด
คุณสลับโหมดได้ทุกเมื่อ:
- เลือกโหมดอื่นจากปุ่มทั้งสาม
- พารามิเตอร์ URL จะอัปเดตอัตโนมัติ
- แชร์ URL ใหม่หรือสร้าง QR code ใหม่
เมื่อคุณเปลี่ยนโหมด พารามิเตอร์ URL จะเปลี่ยนตาม ถ้าคุณแจกจ่ายลิงก์เดิมไปแล้ว ให้แชร์ลิงก์ใหม่
แนวทางปฏิบัติที่ดีสำหรับ QR Code
ตำแหน่งที่ควรแสดง
- Hotel Lobby: พิมพ์และใส่กรอบไว้ใกล้ทางเข้าหรือจุดต้อนรับ
- Email Confirmations: ใส่ในอีเมลก่อนเข้าพัก
- Desk Stands: วางไว้ที่คีออสก์บริการตนเอง
- Signage: ใส่ในป้ายบอกทางบริเวณลานจอดรถ
ตัวเลือกการดาวน์โหลด
- SVG: เหมาะที่สุดสำหรับงานพิมพ์ (ขยายได้ คุณภาพสูง)
- PNG: เหมาะที่สุดสำหรับการใช้งานดิจิทัล (อีเมล, เว็บไซต์)
สำหรับ QR code ที่พิมพ์ ควรมีขนาดอย่างน้อย 2×2 นิ้ว เพื่อให้สแกนได้เสถียรจากระยะ 12 นิ้ว
การแก้ไขปัญหา
สร้าง QR code ไม่ได้
สิ่งที่เห็น: ข้อผิดพลาด "Failed to generate check-in QR code"
วิธีแก้:
- รีเฟรชหน้า
- เปิดเมนู Check-in ที่แถบหัวด้านบน แล้วคลิก QR code อีกครั้ง
- ตรวจสอบการเชื่อมต่ออินเทอร์เน็ต
ลิงก์ไม่ทำงาน
สิ่งที่เห็น: ผู้เข้าพักแจ้งว่าลิงก์ไม่โหลด
ตรวจสอบ:
- ตั้งค่า environment variable
CHECKIN_LANDING_PAGE_DOMAINแล้ว (ติดต่อผู้ดูแลระบบ) - คัดลอกลิงก์ครบถ้วนแล้ว (ไม่มีการตัดทอน)
- อุปกรณ์ของผู้เข้าพักเชื่อมต่ออินเทอร์เน็ตได้
แสดงโหมดผิด
สิ่งที่เห็น: ผู้เข้าพักเห็น flow ไม่ตรงกับที่คาดไว้
วิธีแก้:
- ตรวจว่าคุณเลือกโหมดถูกต้อง
- คัดลอกลิงก์ใหม่หลังเลือกโหมด
- สร้างและดาวน์โหลด QR code ใหม่
ปุ่มลิงก์ Check-in หายไป
สิ่งที่เห็น: ไม่เห็น Check-in ที่แถบหัวด้านบน
วิธีแก้:
- ไปที่ Settings → Check-In
- ตรวจว่าเซกชัน Check-in Landing Page แสดง Guest link
- ถ้า guest link หายไป ให้ผู้ดูแลระบบเปิด guest domain สำหรับลิงก์เช็กอิน
ข้อความหัวข้อหายบนมือถือ
สิ่งที่เห็น: เห็นเฉพาะไอคอนลิงก์ในแถบหัว
วิธีแก้:
- แตะไอคอนเพื่อเปิด dropdown Check-in
ป้ายใน dropdown ยังเป็นภาษาอังกฤษ
สิ่งที่เห็น: ข้อความใน dropdown Check-in ยังเป็นภาษาอังกฤษหลังเปลี่ยนภาษา
วิธีแก้:
- ยืนยันว่าภาษานั้นเปิดใช้งานแล้วใน Settings → Essentials → Supported Languages
- รีเฟรชหน้าและเปิด dropdown อีกครั้ง
- ทดสอบป้าย Guest link, ข้อความ Demo check-in mode, และสถานะปุ่ม Copied
- ถ้าเกิดกับบางภาษาเท่านั้น ให้เก็บภาพหน้าจอและติดต่อ support
ลิงก์หรือเดโมเปิดในแท็บที่ถูกบล็อก
สิ่งที่เห็น: ไม่มีอะไรเปิดขึ้นหลังคลิก Open link หรือหลังเลือก demo mode
วิธีแก้:
- อนุญาต pop-up สำหรับไซต์ Streamliner แล้วลองอีกครั้ง