header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Studio Editor: Adding the Wix Hotels by HotelRunner App

2 min
In this article
  • Adding the Wix Hotels app
  • Customizing the "Book a Room" page
Does your client own a hospitality business? Add the Wix Hotels by HotelRunner app to their site so they can easily manage their availability and reservations. The app is fully customizable, which lets you tailor the packages to match your client's offering. 

Adding the Wix Hotels app

You can add the Wix Hotels app to your client's site directly from the App Market inside the editor. 

To add the Wix Hotels app:

  1. Click App Market  on the left side of the editor.
  2. Click App Market.
  3. Enter "Wix Hotels" in the search bar.
  4. Click the Wix Hotels app in the search results. 
  5. Click Add to Site.
  6. Click Agree & Add.
The App Market in the Studio Editor, showing the Wix Hotels search result you should click to add the app

Customizing the "Book a Room" page

Customize the Book a Room page so it matches the rest of your client's site. This is the page visitors use in order to find and reserve their accommodation. 

The entire page is one element, you can decide where the reservation summary is positioned, and whether or not to show details like a "book soon" ribbon or amentities icons. You can also update text on the page to sound more like your client's voice and tone. 

To access and customize the "Book a Room" page:

  1. Click Pages  on the left side of the editor.
  2. Click Book a Room under Wix Hotels.
  3. Click the Booking Page element on the page. 
  4. Click Settings
  5. Choose what you want to customize:
    • Display: Choose where to display your reservation summary and whether you show icons for the amenities for each room. 
    • Text: Edit the text you display throughout the page, including the search bar, reservation summary and room listings. 
    • Design: Customize the general page design, the search bar, reservation summary and room listings using the available options. 
A screenshot showing how to customize the design of the Booking Engine in the Studio Editor.
The App Market in the Studio Editor, showing the Wix Hotels search result you should click to add the app
A screenshot showing how to customize the design of the Booking Engine in the Studio Editor.