Roomstay

Roomstay is an ecosystem helping hoteliers increase direct bookings. This documentation assists developers with integrating Roomstay into the hotel website.

Standard Integration

Typically, Roomstay assists clients by styling and configuring the Roomstay booking engine to fit their needs. Roomstay provides a custom Javascript bundle to inject into the hotel website. If there are styling or content changes that cannot be achieved via the Roomstay Admin, these can be requested and applied directly to the bundle that Roomstay hosts on the hotel's behalf.

Here are examples of these bundles and the source code that would be injected into the hotel website.

Booking Engine

The primary Roomstay integration is the Booking Engine. It handles the entire flow of a displaying and selecting dates, guests, rooms and rates, and the final checkout.

See: https://www.roomstay.io/platform/booking-engine (opens in a new tab)

The Booking Engine is a full page widget and it is best inserted into a basic webpage with minimal other content to interfere with its operation.

<div id="roomstay-booking-container"></div>
<script src="https://clients.app.roomstay.io/clients/InsertGroupName/InsertPropertyName/index.bundle.js"></script>

RoomFinder - Booking Wizard Widget

The Room Finder widget is a component that can be injected on the home page or in the header of the hotel or brand website. It allows guests to select a hotel, dates, guests and a promo code before redirecting into the Full Page Booking Engine to begin their search.

See: https://www.roomstay.io/platform/room-finder (opens in a new tab)

<div class="roomstay-booking-container"></div>
<script src="https://clients.app.roomstay.io/clients/InsertGroupName/wizard.bundle.js"/></script>

RoomRate - Inline Room Calendar Widget

The Inline Room Calendar widget is a component that typically lives on the webpage for a specific room, site, or cabin. It allows guests to filter by date and see available rates for a specific room and guest combination.

See: https://www.roomstay.io/platform/roomrate (opens in a new tab)

<div id="roomstay-booking-container"></div>
<script type="text/javascript">
  window.RoomstayRoomCode = 'RoomCode'
</script>
<script
  type="text/javascript"
  src="https://clients.app.roomstay.io/clients/InsertGroupName/InsertPropertyName/inline.bundle.js"
  async
></script>

Recent Searches Widget

The Recent Searches widget is a retargeting mechanism to encourage returning or prospective guests to reengage with rooms that interested them prior.

See: https://www.roomstay.io/features/recent-searches (opens in a new tab)

<div id="roomstay-recent-searches-container"></div>
<script
  type="text/javascript"
  src="https://clients.app.roomstay.io/clients/InsertGroupName/InsertPropertyName/recent-searches.bundle.js"
  async
></script>

In some cases, the script might be:

<div id="roomstay-booking-container"></div>
<script
  type="text/javascript"
  src="https://clients.app.roomstay.io/clients/InsertGroupName/InsertPropertyName/recent-searches.bundle.js"
  async
></script>