Product Rental Widget

This article will walk you through the process of configuring products in BookThatApp (BTA) where the customer will select the rental period for their booking. The product rental widget will allow you to capture a single date or date range. You will have the option of charging the customer a predefined amount based on duration variant, a per-day rate, or you can use duration variants to create price breaks.

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.

 

There are 3 parts this guide will cover:

1. Creating the product in Shopify
2. Configuring the product in BookThatApp
3. Configuring Operating Hours
4. Setting up the product Rental Widget for your store

Example: https://bookthatapp-demo.com/collections/product-rentals/products/boat-rental

 

Creating your Shopify product

1. In the Shopify admin, create a Shopify product to represent your booking service.
2. Under Inventory, disable the option "Track quantity" as the app will manage this through Capacity later on.
3. Add variants for your Service if applicable i.e.: Color,  Size, Duration and set the pricing for your booking service.

Below are three pricing examples based on the type of rental which will be important for the app configuration later on. Please take note of the Setup a), b) or c) below that you wish to follow:

a) Pricing based on fixed Rental durations

b) Fixed Daily Rate

c) Daily Rate Breaks based on Rental Duration

 

4. Hit Save at the end to keep the changes for the Shopify product configuration.

 

After creating and saving the new product in Shopify you can import the product into BookThatApp to start your service configuration in the app.

To do so, select More Actions ► BookThatApp Configuration on the product configuration page in Shopify:

Some relevant notes when setting up your product in Shopify:

• Make sure to disable the "Track quantity" option as the app will manage this through
  
• You may want to review the following article here for details on the 3 pricing scenarios that Shopify supports.

 

Configure the product into BookThatApp

After selecting the BookThatApp configuration from the Shopify product configuration page, you will be redirected to the Service configuration page in the BTA app.

1. If this is your first configured service, you can close the Import Product Settings window. This option can be used later on to copy and apply the service settings from another existing service and ignore the remaining steps below.
2. Under Booking type, choose "Product" to set your Product Rental service booking type. 
   
   

    

3. Enter the Capacity for the Service (max number of the product available at any 1 time):
   
   3.1 If you hold a single model of the item to rent, leave the capacity Basis set to Product and insert your inventory/number of items:
   
   
   3.2 If you created variants to represent different models of the same item i.e.: Color,  Size, set capacity Basis to the Variant level instead (variants ):
   
   
   Note: Variants that represent Rental Durations should not be set as the basis of capacity Make sure the checkbox for the duration variant option is unchecked if you have one configured for the product.
4. Enter the Duration for the Rental:
   
   4.a) Fixed Durations - If the service has fixed duration(s), keep the duration basis set to a "Variant" level (or "Product" level you did not create any duration variants):
   
   
   4.b) Fixed Daily Rate - to offer a daily rate you will set the duration basis to a "Product" level and set the value to 1 full-day:
   
   
   4.c) Price Breaks Based on Rental Duration - To implement this, base the Duration off of "Variant". Select the "Variants represent date range?" checkbox and enter the duration values in the Range From and Range To fields.
   
   
   

   Other Service settings
   
   

5. Add Lead or Lag times (if applicable).

6. Enter the minimum and maximum values for the Date Range, and select to either Count days or nights. The Count days or nights will impact how the selection will be represented through the Widget:
   

   "Count Nights" suitable for overnight bookings:	"Count Days" suitable for full-day bookings:

   
   
7. Add a cutoff date or future date (if applicable);
8. If desired, choose a set of colors for the product.  This allows you to differentiate products and events by color on the Booking Overview Calendar.
   
   
   

9. Select Save.