หน้า 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 | เลือกประเภทขั้นตอนเช็กอิน | ควบคุมประสบการณ์ของผู้เข้าพัก |
| Check-in dropdown | เปิดลิงก์ผู้เข้าพัก ลิงก์เดโม และการทำงานกับ QR จากแถบหัวด้านบน | พนักงานทดสอบและแชร์ได้เร็วขึ้น |
| Organization context | ซ่อนลิงก์เช็กอินเฉพาะที่พัก | สลับไปยังโรงแรมเพื่อจัดการลิงก์ของโรงแรมนั้น |
| Top-bar hotel name | ขึ้นบรรทัดใหม่บนหน้าจอเล็ก แล้วตัดชื่อยาวด้วยจุดไข่ปลา | ทำให้ปุ่มการทำงานยังมองเห็นได้บนมือถือ |
| Tablet header controls | แสดงตัวควบคุมภาษาและออกจากหน้าเป็นไอคอนเท่านั้นเมื่อความกว้างหน้าจออยู่ในช่วงแท็บเล็ต | ทำให้แถบด้านบนกะทัดรัดบนหน้าจอที่เล็กลง |
| Tablet dropdown placement | วางเมนู Check-in ไว้เหนือแถบด้านข้าง | ทำให้ลิงก์ผู้เข้าพักและการทำงานเดโมมองเห็นได้ครบถ้วน |
| Localized labels | แสดงป้ายกำกับใน dropdown และสถานะปุ่มที่แปลแล้ว | พนักงานทำงานในภาษาที่ตนเองถนัดได้ |
โหมดเช็กอิน 3 แบบ
เลือกโหมดให้ตรงกับวิธีที่คุณต้องการให้ผู้เข้าพักเช็กอิน:
| โหมด | เหมาะสำหรับ | ผู้เข้าพักจะเห็น |
|---|---|---|
| Pre-arrival | เช็กอินระยะไกลก่อนเดินทางมาถึง | ทำเช็กอินให้เสร็จก่อนถึงโรงแรม |
| Self Check-In | ขั้นตอนผ่านคีออสก์ที่ไม่ต้องมีผู้ช่วย | ใช้บริการด้วยตนเองเต็มรูปแบบที่คีออสก์หรืออุปกรณ์ของตนเอง |
| 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 เพื่อดูตัวอย่าง
- ลองใช้ขั้นตอนเช็กอินในแบบที่ผู้เข้าพักจะเห็น
- ตรวจสอบว่าทุกขั้นตอนทำงานได้ถูกต้อง
ตัวเลือก B: ใช้เมนู Check-in ที่แถบหัวด้านบน
-
คลิก Check-in ที่แถบหัวด้านบน
-
ใน Guest link ให้เลือก Pre-arrival, Self หรือ Assisted
-
คลิก Open link หรือ Copy link สำหรับ URL ผู้เข้าพักจริง
-
ใน Demo check-in mode ให้เลือกโหมดเพื่อเรียกใช้การเช็กอินจำลอง
✓ Demo จะเปิดในแท็บใหม่พร้อมการจองจำลองและ
demo=1✓ หลังคลิก Copy link ปุ่มจะเปลี่ยนเป็น Copied ชั่วครู่ในภาษาที่คุณเลือก
บนโทรศัพท์ dropdown จะเปิดเต็มความกว้างใต้แถบหัวด้านบน บนแท็บเล็ต dropdown จะยังแสดงครบถ้วนเหนือแถบด้านข้าง หากหน้าจอมีความสูงน้อย คุณสามารถเลื่อนภายใน dropdown ได้ ชื่อโรงแรมที่ยาวจะขึ้นเป็น 2 บรรทัดบนหน้าจอเล็ก แล้วตัดด้วยจุดไข่ปลา
ตรวจสอบป้ายกำกับภาษา
ใช้การตรวจสอบอย่างรวดเร็วนี้หลังจากเปลี่ยนภาษาของ Streamliner:
- สลับ UI ไปเป็นภาษาที่ไม่ใช่ภาษาอังกฤษ
- เปิด dropdown Check-in ที่แถบหัวด้านบน
- ยืนยันว่าข้อความ 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"
วิธีแก้:
- รีเฟรชหน้า
- เปิด dropdown Check-in ที่แถบหัวด้านบน แล้วคลิก QR code อีกครั้ง
- ตรวจสอบการเชื่อมต่ออินเทอร์เน็ต
ลิงก์ไม่ทำงาน
สิ่งที่เห็น: ผู้เข้าพักแจ้งว่าลิงก์ไม่โหลด
ตรวจสอบ:
- ตั้งค่า environment variable CHECKIN_LANDING_PAGE_DOMAIN แล้ว (ติดต่อผู้ดูแลระบบ)
- คัดลอกลิงก์ครบถ้วนแล้ว (ไม่มีการตัดทอน)
- อุปกรณ์ของผู้เข้าพักเชื่อมต่ออินเทอร์เน็ตได้
แสดงโหมดผิด
สิ่งที่เห็น: ผู้เข้าพักเห็นขั้นตอนไม่ตรงกับที่คาดไว้
วิธีแก้:
- ตรวจสอบว่าคุณเลือกโหมดถูกต้อง
- คัดลอกลิงก์ใหม่หลังเลือกโหมด
- สร้างและดาวน์โหลด QR code ใหม่
ปุ่มลิงก์ Check-in หายไป
สิ่งที่เห็น: ไม่เห็น Check-in ที่แถบหัวด้านบน
วิธีแก้:
- ตรวจสอบบริบทที่ใช้งานอยู่ในตัวสลับโรงแรม
- หากแสดงองค์กรอยู่ ให้สลับไปยังโรงแรมที่มีลิงก์ที่คุณต้องการ
- ไปที่ Settings → Check-In
- ตรวจสอบว่าส่วน Check-in Landing Page แสดง Guest link
- หากไม่มีลิงก์ผู้เข้าพัก ให้ขอให้ผู้ดูแลระบบเปิดใช้งาน guest domain สำหรับลิงก์เช็กอิน
dropdown Check-in จะถูกซ่อนในบริบทขององค์กร เนื่องจากลิงก์ดังกล่าวเป็นของโรงแรมแห่งหนึ่ง
dropdown Check-in ถูกซ่อนบางส่วนบนแท็บเล็ต
สิ่งที่เห็น: แถบด้านข้างบังบางส่วนของ dropdown Check-in
วิธีแก้:
- รีเฟรช AVA ในเบราว์เซอร์บนแท็บเล็ต
- เปิด Check-in อีกครั้งจากแถบหัวด้านบน
- เลื่อนภายใน dropdown หากหน้าจอแท็บเล็ตมีความสูงน้อย
✓ dropdown ทั้งหมดควรแสดงอยู่เหนือแถบด้านข้าง
หากแผงยังคงถูกตัด ให้จับภาพหน้าจอและติดต่อฝ่ายสนับสนุน
ข้อความบนแถบหัวหายไปบนมือถือ
สิ่งที่เห็น: เห็นเฉพาะไอคอนลิงก์ในแถบหัว
วิธีแก้:
- แตะไอคอนเพื่อเปิด dropdown Check-in
ป้ายกำกับใน dropdown ยังเป็นภาษาอังกฤษ
สิ่งที่เห็น: ข้อความใน dropdown Check-in ยังเป็นภาษาอังกฤษหลังเปลี่ยนภาษา
วิธีแก้:
- ยืนยันว่าภาษานั้นเปิดใช้งานแล้วใน Settings → Essentials → Supported Languages
- รีเฟรชหน้าและเปิด dropdown อีกครั้ง
- ทดสอบป้าย Guest link ข้อความ Demo check-in mode และสถานะปุ่ม Copied
- หากเกิดขึ้นกับภาษาเดียว ให้จับภาพหน้าจอและติดต่อฝ่ายสนับสนุน
ลิงก์หรือเดโมเปิดในแท็บที่ถูกบล็อก
สิ่งที่เห็น: ไม่มีอะไรเปิดขึ้นหลังคลิก Open link หรือหลังเลือกโหมดเดโม
วิธีแก้:
- อนุญาต pop-up สำหรับไซต์ Streamliner แล้วลองอีกครั้ง
เคล็ดลับสำหรับประเภทที่พักต่าง ๆ
| ประเภทที่พัก | โหมดที่แนะนำ | เหตุผล |
|---|---|---|
| โรงแรมราคาประหยัด | Self Check-In | เพิ่มประสิทธิภาพสูงสุดและลดจำนวนพนักงานที่ต้องใช้ |
| โรงแรมธุรกิจ | Pre-arrival | ผู้เข้าพักให้ความสำคัญกับความรวดเร็วและความสะดวก |
| รีสอร์ต | Assisted Check-In | ได้บริการที่ใส่ใจพร้อมประสิทธิภาพ |
| โรงแรมบูทิก | Assisted Check-In | สร้างสมดุลระหว่างคุณภาพบริการและความรวดเร็ว |
ยังแก้ปัญหาไม่ได้ใช่ไหม
ติดต่อ success@vouch-technologies.com หาก:
- ❌ การสร้าง QR code ล้มเหลวซ้ำ ๆ
- ❌ ลิงก์แสดงข้อผิดพลาดเกี่ยวกับ environment variable
- ❌ โหมดไม่สลับตามที่ควร
ข้อมูลที่ควรแนบ:
- ภาพหน้าจอข้อผิดพลาด (ถ้ามี)
- โหมดที่คุณกำลังพยายามใช้
- จำนวนผู้เข้าพักที่ได้รับผลกระทบ
คู่มือที่เกี่ยวข้อง
- นโยบายการเช็กอิน - ควบคุมเวลาและผู้ที่สามารถเช็กอินได้
- ฟิลด์ลงทะเบียน - กำหนดข้อมูลที่ผู้เข้าพักต้องให้
- ข้อความเมื่อห้องยังไม่พร้อม - ปรับแต่งข้อความที่ผู้เข้าพักเห็น