​
Booking Query

Component allowing users to access reservation details by entering identification credentials.
🔍 Component type: Reservation lookup | Fields required: Booking ID + PIN code | Redirects to: Reservation management page

​
Overview

The <bookingQuery> component provides a secure way for guests to access their reservations without creating an account. It displays a modal with credential fields for quick booking lookup.

Booking ID

Unique reservation identifier provided in confirmation email

PIN Code

Security code sent with booking confirmation

​
Basic Implementation

<div data-mirai-component="bookingQuery"></div>

​
How It Works

1

User Access

Guest clicks on the booking query component to open the lookup modal
2

Credential Entry

User enters their reservation identifier (bookingId) and PIN code (pinCode)
3

Validation

System validates the entered credentials against the booking database
4

Redirection

If valid, user is automatically redirected to their reservation management page with full booking details

​
Use Cases

Self-Service Portal

Allow guests to quickly access their reservations without creating an account. Perfect for:
  • Checking booking details
  • Viewing room information
  • Accessing hotel policies

​
Implementation Examples

​
Best Practices

Ensure guests receive their booking ID and PIN code in the confirmation email. Without these credentials, they cannot access their reservation through this component.

​
Placement Recommendations

LocationPurposeExample
Header/NavigationQuick access for returning guestsTop-right corner link
HomepageProminent guest service featureHero section or sidebar
FooterStandard site-wide accessGuest services section
Contact PageSupport alternativeBelow contact form
💬 Need help setting up booking query? Contact us at support@hotellinkage.com