ข้ามไปยังเนื้อหาหลัก

หน้า Landing Page สำหรับเช็กอิน

ตั้งค่าอย่างรวดเร็ว

แชร์ลิงก์เดียวหรือ QR code ให้ผู้เข้าพักเพื่อเริ่มขั้นตอนเช็กอิน ใช้เวลาเพียง 2 นาทีในการตั้งค่า

หน้า Check-in Landing Page ช่วยให้ผู้เข้าพักทำ pre-check-in หรือเช็กอินแบบ self-service จากอุปกรณ์ของตนเองได้ คุณสามารถแชร์ลิงก์จากหน้านี้ หรือใช้เมนู Check-in ที่แถบหัวด้านบนเพื่อเปิดลิงก์ผู้เข้าพัก ลิงก์เดโม และ QR code เมนูนี้จะแสดงเฉพาะขณะที่คุณทำงานอยู่ในบริบทของโรงแรม

ตำแหน่งที่พบ

Settings → Check-In (ด้านบนของหน้า)

ภาพรวมแบบย่อ

ฟีเจอร์ทำอะไรผลต่อผู้เข้าพัก
Guest LinkURL เดียวสำหรับแชร์เพื่อเช็กอินผู้เข้าพักใช้อุปกรณ์ของตนเองเช็กอิน
QR CodeQR 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

ผู้เข้าพักเป็นผู้ดำเนินการเช็กอินเองและทำทุกขั้นตอนโดยไม่ต้องมีผู้ช่วย

ควรใช้เมื่อ:

  • คุณมีคีออสก์บริการตนเอง
  • ผู้เข้าพักต้องการเช็กอินอย่างอิสระ
  • คุณต้องการลดการติดต่อกับพนักงาน
ขั้นตอน Self Check-In

ผู้เข้าพักสแกน QR code → สแกนเอกสาร → ยืนยันรายละเอียด → ทำเช็กอินให้เสร็จ

โหมด Assisted Check-In

พนักงานฟรอนต์เดสก์สแกนเอกสารให้ผู้เข้าพัก จากนั้นส่งอุปกรณ์ให้ผู้เข้าพักยืนยันข้อมูล

ควรใช้เมื่อ:

  • คุณต้องการให้พนักงานช่วยแนะนำขั้นตอน
  • คุณต้องควบคุมคุณภาพการสแกนเอกสาร
  • คุณต้องการรูปแบบ self-service แบบผสม
ขั้นตอน Assisted Check-In

พนักงานสแกนเอกสารการเดินทาง → ผู้เข้าพักยืนยันรายละเอียดบนหน้าจอ → ลงลายมือชื่อ/ชำระเงินให้เสร็จ

การตั้งค่า Check-In Landing Page

ขั้นตอนที่ 1: เลือกโหมด

  1. ไปที่ Settings → Check-In

  2. ค้นหาส่วน Check-in Landing Page

  3. เลือกโหมดที่ต้องการจาก 3 ตัวเลือก

    ✓ URL จะอัปเดตอัตโนมัติเมื่อคุณเปลี่ยนโหมด

คัดลอกลิงก์:

  1. คลิก Copy link

  2. แชร์ผ่านอีเมล WhatsApp หรือข้อความยืนยันการจอง

    ✓ ผู้เข้าพักเปิดลิงก์ได้จากทุกอุปกรณ์

ใช้ QR code:

  1. เปิดเมนู Check-in ที่แถบหัวด้านบน
  2. คลิก QR code
  3. ดาวน์โหลดเป็น SVG หรือ PNG
  4. พิมพ์ติดไว้ในล็อบบี้หรือใส่ไว้ในอีเมลยืนยัน

ขั้นตอนที่ 3: ทดสอบประสบการณ์

คุณมี 2 วิธีในการทดสอบ:

ตัวเลือก A: ทดสอบจาก Settings

  1. คลิก Open link เพื่อดูตัวอย่าง
  2. ลองใช้ขั้นตอนเช็กอินในแบบที่ผู้เข้าพักจะเห็น
  3. ตรวจสอบว่าทุกขั้นตอนทำงานได้ถูกต้อง

ตัวเลือก B: ใช้เมนู Check-in ที่แถบหัวด้านบน

  1. คลิก Check-in ที่แถบหัวด้านบน

  2. ใน Guest link ให้เลือก Pre-arrival, Self หรือ Assisted

  3. คลิก Open link หรือ Copy link สำหรับ URL ผู้เข้าพักจริง

  4. ใน Demo check-in mode ให้เลือกโหมดเพื่อเรียกใช้การเช็กอินจำลอง

    ✓ Demo จะเปิดในแท็บใหม่พร้อมการจองจำลองและ demo=1 ✓ หลังคลิก Copy link ปุ่มจะเปลี่ยนเป็น Copied ชั่วครู่ในภาษาที่คุณเลือก

บนโทรศัพท์ dropdown จะเปิดเต็มความกว้างใต้แถบหัวด้านบน บนแท็บเล็ต dropdown จะยังแสดงครบถ้วนเหนือแถบด้านข้าง หากหน้าจอมีความสูงน้อย คุณสามารถเลื่อนภายใน dropdown ได้ ชื่อโรงแรมที่ยาวจะขึ้นเป็น 2 บรรทัดบนหน้าจอเล็ก แล้วตัดด้วยจุดไข่ปลา

ตรวจสอบป้ายกำกับภาษา

ใช้การตรวจสอบอย่างรวดเร็วนี้หลังจากเปลี่ยนภาษาของ Streamliner:

  1. สลับ UI ไปเป็นภาษาที่ไม่ใช่ภาษาอังกฤษ
  2. เปิด dropdown Check-in ที่แถบหัวด้านบน
  3. ยืนยันว่าข้อความ Guest link ได้รับการแปลแล้ว
  4. ยืนยันว่าป้ายโหมดแสดงชื่อย่อที่แปลแล้วสำหรับ Pre-arrival, Self และ Assisted
  5. คลิก Copy link และยืนยันว่าสถานะ Copied ได้รับการแปลแล้ว
  6. ตรวจสอบว่าข้อความคำบรรยายของ Demo check-in mode ได้รับการแปลแล้ว

การเปลี่ยนโหมด

คุณสามารถสลับโหมดได้ทุกเมื่อ:

  1. เลือกโหมดอื่นจากปุ่มทั้งสาม
  2. พารามิเตอร์ URL จะอัปเดตอัตโนมัติ
  3. แชร์ URL ใหม่หรือสร้าง QR code ใหม่
การเปลี่ยน URL

เมื่อคุณเปลี่ยนโหมด พารามิเตอร์ URL จะเปลี่ยนตาม หากคุณแจกจ่ายลิงก์เดิมไปแล้ว ให้แชร์ลิงก์ใหม่

แนวทางปฏิบัติที่ดีสำหรับ QR Code

ตำแหน่งที่ควรแสดง

  • Hotel Lobby: พิมพ์และใส่กรอบไว้ใกล้ทางเข้าหรือจุดต้อนรับ
  • Email Confirmations: ใส่ไว้ในอีเมลก่อนเข้าพัก
  • Desk Stands: วางไว้ที่คีออสก์บริการตนเอง
  • Signage: เพิ่มไว้ในป้ายบอกทางบริเวณลานจอดรถ

ตัวเลือกการดาวน์โหลด

  • SVG: เหมาะที่สุดสำหรับงานพิมพ์ (ปรับขนาดได้ คุณภาพสูง)
  • PNG: เหมาะที่สุดสำหรับการใช้งานดิจิทัล (อีเมล เว็บไซต์)
ขนาด QR Code

สำหรับ QR code ที่พิมพ์ ควรมีขนาดอย่างน้อย 2×2 นิ้ว เพื่อให้สแกนได้อย่างน่าเชื่อถือจากระยะ 12 นิ้ว

การแก้ไขปัญหา

สร้าง QR code ไม่ได้

สิ่งที่เห็น: ข้อผิดพลาด "Failed to generate check-in QR code"

วิธีแก้:

  1. รีเฟรชหน้า
  2. เปิด dropdown Check-in ที่แถบหัวด้านบน แล้วคลิก QR code อีกครั้ง
  3. ตรวจสอบการเชื่อมต่ออินเทอร์เน็ต

สิ่งที่เห็น: ผู้เข้าพักแจ้งว่าลิงก์ไม่โหลด

ตรวจสอบ:

  • ตั้งค่า environment variable CHECKIN_LANDING_PAGE_DOMAIN แล้ว (ติดต่อผู้ดูแลระบบ)
  • คัดลอกลิงก์ครบถ้วนแล้ว (ไม่มีการตัดทอน)
  • อุปกรณ์ของผู้เข้าพักเชื่อมต่ออินเทอร์เน็ตได้

แสดงโหมดผิด

สิ่งที่เห็น: ผู้เข้าพักเห็นขั้นตอนไม่ตรงกับที่คาดไว้

วิธีแก้:

  1. ตรวจสอบว่าคุณเลือกโหมดถูกต้อง
  2. คัดลอกลิงก์ใหม่หลังเลือกโหมด
  3. สร้างและดาวน์โหลด QR code ใหม่

สิ่งที่เห็น: ไม่เห็น Check-in ที่แถบหัวด้านบน

วิธีแก้:

  1. ตรวจสอบบริบทที่ใช้งานอยู่ในตัวสลับโรงแรม
  2. หากแสดงองค์กรอยู่ ให้สลับไปยังโรงแรมที่มีลิงก์ที่คุณต้องการ
  3. ไปที่ Settings → Check-In
  4. ตรวจสอบว่าส่วน Check-in Landing Page แสดง Guest link
  5. หากไม่มีลิงก์ผู้เข้าพัก ให้ขอให้ผู้ดูแลระบบเปิดใช้งาน guest domain สำหรับลิงก์เช็กอิน
บริบทขององค์กร

dropdown Check-in จะถูกซ่อนในบริบทขององค์กร เนื่องจากลิงก์ดังกล่าวเป็นของโรงแรมแห่งหนึ่ง

dropdown Check-in ถูกซ่อนบางส่วนบนแท็บเล็ต

สิ่งที่เห็น: แถบด้านข้างบังบางส่วนของ dropdown Check-in

วิธีแก้:

  1. รีเฟรช AVA ในเบราว์เซอร์บนแท็บเล็ต
  2. เปิด Check-in อีกครั้งจากแถบหัวด้านบน
  3. เลื่อนภายใน dropdown หากหน้าจอแท็บเล็ตมีความสูงน้อย

✓ dropdown ทั้งหมดควรแสดงอยู่เหนือแถบด้านข้าง

หากแผงยังคงถูกตัด ให้จับภาพหน้าจอและติดต่อฝ่ายสนับสนุน

ข้อความบนแถบหัวหายไปบนมือถือ

สิ่งที่เห็น: เห็นเฉพาะไอคอนลิงก์ในแถบหัว

วิธีแก้:

  • แตะไอคอนเพื่อเปิด dropdown Check-in

สิ่งที่เห็น: ข้อความใน dropdown Check-in ยังเป็นภาษาอังกฤษหลังเปลี่ยนภาษา

วิธีแก้:

  1. ยืนยันว่าภาษานั้นเปิดใช้งานแล้วใน Settings → Essentials → Supported Languages
  2. รีเฟรชหน้าและเปิด dropdown อีกครั้ง
  3. ทดสอบป้าย Guest link ข้อความ Demo check-in mode และสถานะปุ่ม Copied
  4. หากเกิดขึ้นกับภาษาเดียว ให้จับภาพหน้าจอและติดต่อฝ่ายสนับสนุน

สิ่งที่เห็น: ไม่มีอะไรเปิดขึ้นหลังคลิก Open link หรือหลังเลือกโหมดเดโม

วิธีแก้:

  • อนุญาต pop-up สำหรับไซต์ Streamliner แล้วลองอีกครั้ง

เคล็ดลับสำหรับประเภทที่พักต่าง ๆ

ประเภทที่พักโหมดที่แนะนำเหตุผล
โรงแรมราคาประหยัดSelf Check-Inเพิ่มประสิทธิภาพสูงสุดและลดจำนวนพนักงานที่ต้องใช้
โรงแรมธุรกิจPre-arrivalผู้เข้าพักให้ความสำคัญกับความรวดเร็วและความสะดวก
รีสอร์ตAssisted Check-Inได้บริการที่ใส่ใจพร้อมประสิทธิภาพ
โรงแรมบูทิกAssisted Check-Inสร้างสมดุลระหว่างคุณภาพบริการและความรวดเร็ว

ยังแก้ปัญหาไม่ได้ใช่ไหม

ติดต่อ success@vouch-technologies.com หาก:

  • ❌ การสร้าง QR code ล้มเหลวซ้ำ ๆ
  • ❌ ลิงก์แสดงข้อผิดพลาดเกี่ยวกับ environment variable
  • ❌ โหมดไม่สลับตามที่ควร

ข้อมูลที่ควรแนบ:

  • ภาพหน้าจอข้อผิดพลาด (ถ้ามี)
  • โหมดที่คุณกำลังพยายามใช้
  • จำนวนผู้เข้าพักที่ได้รับผลกระทบ