BookThatApp allows you to add additional fields or capture additional details that will be tracked with the booking. Booking fields can be used to collect information such as attendee names, pick-up location, participant age, or a waiver form.
Booking fields appear in your booking widgets, or booking forms, after the date and time fields.
Managing Booking Fields
You can manage Booking Fields via BTA Admin -> Settings-> 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.
- File - allows users to upload a file with a max size limit of 20mb.
After adding a field you can set the label, placeholder text, and options. You can also configure if the field should be required or if it repeats and the type of field (ie. Text/Email/Phone/Date & Time):
- Required - Customer must choose a value or provide text
- Repeat - Repeats the field based on the selected quantity. For example, if you wish to capture the name and age of each participant or attendee.
When using a booking widget, labels support markdown. This allows you do to things like insert links to other pages. For example:
I accept the [Terms and Conditions](/pages/terms-and-conditions/)
would create a label that links to a Terms & Conditions page within your store.
Important:
- Do not forget to select Save prior to exiting the booking fields screen.
- If you are using a widget you will need to access Widgets-> select your existing widget-> enable the setting for "Booking Fields".
Product Specific Fields
You can restrict a booking field from appearing for all products using product tags. Enter the product tags (separated by commas). The booking field will only appear on products that have corresponding product tags. Leave the field blank if the booking field will apply to all booking products.
Note- this feature is just available when using the booking widgets.
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 or higher plan.
Adding Booking Fields to Email Notifications
Use the code below to show the booking fields in the BookThatApp email notification templates.
{% for field in booking.fields %}
{% assign first_char = field.first | slice: 0 %}
{% unless first_char == '_' %}
<br>{{ field.first | replace: '_', ' ' | capitalize }}: {{ field.last}}
{% endunless %}
{% endfor %}
</li>
Here is an example of where to paste the code.
Adding Specific Booking Fields to Email Notifications
In some instances, you may just want to include the info from a specific booking field in the email. For instance, if you have a set of booking fields that capture the first name of the attendees you may want to show the guest list in the email so that your customer can ensure you are aware of who will be showing up for an event.
First, you will access the Booking fields section of the app to retrieve the specific name of the field. For this example, the field name is 'Guest List'.
Here is the base code that you will need to add to the email template.
Booking field:
{{ booking.fields['guest_list') }}
Repeating booking field:
{% for name in booking.fields['guest_list'] %}
{{ item }}
{% endfor %}
CSS Styling
For classic booking forms, you can style the fields using CSS. We commonly use the following styling for the Debut theme:
https://gist.github.com/gterrill/5185aa23eee241c9f66d54da7e4b3399
Widget styling is done via the Design tab on the widgets page.
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?
Yes. You can do this by specifying product tags on the booking field that match the Shopify product tags.
Comments
0 comments
Article is closed for comments.