Setup Guide: Accommodations

This article will walk you through the process of configuring products in BookThatApp (BTA) that represent accommodations. The customer will be able to select a start and end date which will be captured by the app. The cost will then be calculated based on the specified daily rate.

Before completing this setup guide configuration steps please make sure to enable the Booking Widgets App Embed option for the Shopify Theme according to the following help article: Enabling the BTA Booking Widgets App Embed

In this tutorial, we'll take you through how to set up a rental widget for your Shopify store.

 

Shopify Product Page

1. Create a product to represent the accommodation in Shopify.  In the example below, the shop has 4 types of rooms that are represented by Shopify variants:  King Size Bed (Smoking), King Size Bed (Non Smoking),  Two Doubles (Smoking), and Two Doubles Non Smoking. You can also use Shopify variants to capture the duration of nights if you choose.

2. Enter the price for each variant and set the inventory to Do Not Track.

 

BTA Product Page

After you have saved the product in Shopify select BookThatApp Configuration from the More actions menu at the top of the page: 

This will import the product into BTA and take you to the BTA product configuration page.

If you have previously set up products in BTA you will be prompted to copy the settings from one of them at this time. Go ahead and choose an existing Event product if you have set one up otherwise follow these steps:

1. Under Services, select "Add/create service" and select either to "Create new product" directly from the app or "Import from Shopify" if the product is already present on your Shopify list of products.

(Note: If  you get stuck on an installation step, please create a ticket and we'll help you out)

2. Set product profile to "Room"

 

3. Enter the capacity of the rooms (max amount of rooms available at any given time)

4. Choose to base capacity on Product, Variant, or Resource.  In this example, we want the capacity to be based on variants as there are different types of standard rooms offered.  

5. Set the "Check In Time" and "Check Out Time".

6. Enter the minimum and maximum values for the Date Range. 

 

7. Add a Location (if applicable). This will let you include the location's address in reminder emails.

8. Add a cutoff date or future date (if applicable)

 

 

9. If desired, choose a set of colors for the room. This allows you to differentiate accommodations by color on the Booking Overview Calendar.

10. Hit Save.

 

11. To set the opening hours for your store and services, access the app under Settings -> Operating Hours and set the opening hours for your store.

12. To calculate a price based on a daily rate you will need to navigate to Settings-> Order Processing-> and enable the option of 'Date range updates quantity' 

 

BTA Operating Hours Page

The times available for bookings across all of your appointment products are determined by the Operating Hours. You can find them in the application under Settings-> Operating Hours.

You can find out more about Operating Hours here.

 

Widget Configuration

The accommodation configuration currently uses the same widget as product rentals. The widget provides a sleeker look and feel compared to the classic booking form. There are several settings that you can choose from and the widget preview updates in real-time so you can see the effect of the changes.

If you are using the Setup Wizard it will automatically walk you through the steps to configure and customize the widget. If you imported your product from Shopify you will need to complete the following steps. 

Installation

1. Access the widgets section of the app by selecting Widgets.

2. Select the Accommodation widget and select Add Widget.

3. Under the widget configuration, enable the option of "Allow date range" which is required for Room booking types.

4. In the Services tab of the widget you can choose to use this widget configuration for all your products using the Product profile, or you can specify each service.

Accommodation Widget Settings