Arrive Depart in Calendar Search Mode

August 10, 2012

By

John

We’ve added lines for Arrive and Depart dates in the summary section when in the Calendar Search Mode (mode where users click calendar to select dates). This addition matches what we already had in the Availability Search Mode. This should help guests be extra clear on the arrive/depart dates they have selected.

Example:

Calendar Search Mode with Arrive

1. Understand the Two Booking Modes

Availability Search Mode: Guests input arrival and departure dates in fields, and the system returns available units.

Calendar Search Mode: Guests visually select check‑in and check‑out dates on a calendar interface—perfect for a more interactive booking experience motopress.com

ReservationKey lets you seamlessly link between these modes for maximum flexibility.

2. Enable the Calendar Link: Step-by-Step

  1. Log in to your ReservationKey account and navigate to Website → Reservation Pages.
  2. Choose your page type (e.g., Hotel, Multiple Units, Single Unit).
  3. Scroll to the Booking Options section.
  4. Enable: "Show Calendar Search Mode Link"—this adds a link on the availability page encouraging calendar view exploration reservationkey.com
  5. Save your changes. Done!

Now guests will see a link like “View calendar search” that takes them to a UX-friendly booking calendar.

Start Now: Get Your Software Now Free

3. Add a Search Box with Dates

Want a quick widget experience?

  • Copy the provided Search Box Widget HTML from the Reservation Page settings.
  • Embed it on your site where you’d like guests to enter arrival and departure dates manually.
  • Want it to default to Calendar mode? Replace /s| with /c| in the snippet reservationkey.com

This widget allows on-page booking interactions before guests navigate to a full reservation view.

4. Embed Calendar Search via Iframe

Make the booking process feel native to your site:

html

CopyEdit

<iframe src="https://youralias.reservationkey.com/c|…" width="800" height="600" frameborder="0"></iframe>

This shows the calendar search interface directly on your page—no redirects. Just adjust width/height to fit your design bookingstudio.com

5. Create a Matching Look & Feel

Consistency builds trust. To match your brand design:

  • Create a custom theme in ReservationKey.
  • Apply it to your reservation pages.
  • If embedding via iframe, the booking area will match your site’s style seamlessly reservationkey.com

6. Pro Tips for a Better Booking Experience

TipWhy It MattersSet date-range validationEnsures guests pick consecutive nights if required, preventing booking errors reservationkey.comControl booking windowLimit how far ahead users can book or how close to arrival they can make a reservation Use custom messagesAdd helpful instructions like “Select your check-in and check-out dates” to guide users.SSL & securityIf you accept payments, ensure your site uses HTTPS or choose iframe-hosted pages to show secure URLs.

Why Use Arrive-Depart Calendar Mode?

  • Reduces friction with intuitive date picking.
  • Boosts clarity—guests immediately see availability and blackout dates.
  • Improves conversions by speeding up the booking process.
  • Blends with your design, especially when using iframes and custom themes.

Book Your Demo Now: Click Here