Booking Fields

With BTA you can 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. 

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. 

CSS Styling

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

Reporting

You can create a custom report that includes the additional fields by accessing the Reports link found under the Configuration category. Please note that custom reporting is available for subscribers on the premium plan or above.

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 %}

Please note: it is not possible to have different booking fields for different products. 

 

Adding Booking Fields to Email Notifications

You can add the code below to show the booking fields in the email 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 %}

See screenshot below for an example of where to paste the code.