Skip to main content

​
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

  • Guest Services
  • Booking Management
  • Quick Access

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

<section class="guest-services">
  <h2>Access Your Reservation</h2>
  <p>Enter your booking details to view or manage your reservation</p>
  
  <div data-mirai-component="bookingQuery"></div>
</section>

<div data-mirai-component="bookingQuery">
  <button class="custom-booking-btn">
    <i class="icon-calendar"></i> Manage My Booking
  </button>
</div>

​
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
⌘I