Booking Fields

BookThatApp allows you to add additional fields that will be tracked with the booking. Booking Fields allow you to collect extra information such as attendee's name, pick-up location, or participant's age, just to name a few.

You can configure the Booking Fields feature via BTA Admin -> Configuration-> Booking Fields. 

 

Select the plus + symbol for the type of field you would like to create. 

If you want to apply the field to specific products, beneath the field where you can specify the label text ,you can enter product tags separated by commas. The additional booking field will be applied to products with corresponding product tags. Leave the field blank if the additional field will apply to all products configured in the app. 

Single Line Text - allows a single line of input. 

Multiple Line Text - allows multiple lines of input. 

Checkbox - creates options that the customer can select from.

Dropdown - creates a drop-down list that the customer can choose from. 

Radio Button - creates options where the customer can select a single option with radio buttons.

After selecting an option a small field will appear that will allow you to set the form label as well as it's options. You can also select if the field should be required or not. 

Repeat - Select the repeat checkbox if you would like for the field to expand based on the value of the quantity selector on the product page. 

Do not forget to select Save prior to exiting the screen. 

 

Reporting

You can create a custom runsheet report that includes booking fields by accessing the Reports link. Please note that custom reporting is available for subscribers on the premium plan or above.

 

Adding Booking Fields to Email Notifications

You can use the code below to show the booking fields in the email notification templates.

{% for field in booking.fields %}
{% unless field.first == 'hotel' %}
{% assign first_char = field.first | slice: 0 %}
{% unless first_char == '_' %}
<br>{{ field.first | replace: '_', ' ' | capitalize }}: {{ field.last | newline_to_br }}
{% endunless %}
{% endunless %}
{% endfor %}
</li>

 

Here is an example of where to paste the code.

 

Booking Forms

The following options are available if you are using Booking Forms (not widgets).

 

CSS Styling

You can style the fields using CSS. We commonly use this styling for the Debut theme: https://gist.github.com/gterrill/5185aa23eee241c9f66d54da7e4b3399

 

Capturing Booking Fields for Specific Products

By default the booking fields are captured for all products configured in BookThatApp however you can use liquid code to restrict it to only show the fields for specific products.

To begin find the following code in snippets/booking-form.liquid:

<div class="bta-booking-fields"></div>

This is where the booking fields are rendered.

Example 1: If you only want to show the booking fields for products with 'Camp' product type the following liquid code would be used:

{% if product.type == 'Camp' %}
<div class="bta-booking-fields"></div>
{% endif %}

Example 2: If you only want to show the booking fields for a product with the handle 'try-on-appointment' the following liquid code would be used:

{% if product.handle == 'try-on-appointment' %}
<div class="bta-booking-fields"></div>
{% endif %}

 

Booking Fields FAQ

• Is there a limit to how many fields I can create? 
  
  No.
  
  
• Is it possible to have different booking fields for different products?
  
  Not at this time, however you can use the work around mentioned above to show the bookings fields for one product only.