BookThatApp lets you capture extra information from customers during the booking process, such as attendee names, pickup locations, participant ages, or agreement confirmations (e.g., waivers or terms).
Booking fields appear in your widgets or booking forms directly after the date and time fields.
ย
โ๏ธ Managing Booking Fields
You can manage booking fields in your BookThatApp admin:
BTA Admin โ Settings โ Booking Fields
ย
ย
โ Creating a New Booking Field
Select the plus (+) icon to add a new field, then choose from the following types:
| Field Type | Description |
|---|---|
| Single Line Text | Allows a single line of input. |
| Multiple Line Text | Allows multiple lines of input. |
| Checkbox | Creates one or more checkbox options customers can select. |
| Dropdown | Creates a drop-down list of choices. |
| Radio Button | Allows selection of a single option from multiple choices. |
| File | Lets customers upload a file (max 20 MB). |
After adding your field, you can configure the following settings:
-
Label โ The field name customers will see.
-
Placeholder โ Text shown inside the field before itโs filled out.
-
Options โ Used for dropdown, checkbox, and radio button fields.
-
Required โ Customers must complete this field to book.
-
Repeat โ Repeats the field for each quantity (e.g., to collect name/age for each participant).
-
Field Type โ Choose the input format (Text, Email, Phone, Date & Time).
๐ก Markdown Support (Widgets Only)
When using widgets, field labels support Markdown, allowing you to include links or formatting.
(Markdown is not supported in classic booking forms.)
Example:
This creates a clickable label linking to your Terms & Conditions page.
โ ๏ธ Important
-
Donโt forget to Save before leaving the booking fields screen.
-
If youโre using a widget, go to:
Widgets โ Select your widget โ Enable "Booking Fields".
ย
๐ท Product-Specific Fields
You can make booking fields appear only for specific products by using product tags.
-
Add tags (separated by commas) in the Product Tags field.
-
The booking field will only appear for products with matching tags.
-
Leave the field blank if you want it to apply to all products.
๐ธ Note: Product-specific fields are only supported in booking widgets, not classic forms.
๐ Reporting
If youโre on the Premium plan or higher, you can include booking fields in your custom Runsheet report via the Reports section in the app.
ย
โ๏ธ Adding Booking Fields to Email Notifications
You can include booking field data in your BookThatApp email templates using the code below:
{% 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 Emails
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 %}
๐จ Styling Your Booking Fields
Classic Booking Forms
You can style fields using CSS.
Hereโs a commonly used stylesheet for the Debut theme:
https://gist.github.com/gterrill/5185aa23eee241c9f66d54da7e4b3399
Widget styling is done via the Branding section on the Settings section.
ย
โ Booking Fields FAQ
Q: Is there a limit to how many fields I can create?
A: No โ you can add as many as you need.
Q: Can I have different booking fields for different products?
A: Yes. Add product tags to your booking fields that match your Shopify product tags.
ย
Comments
0 comments
Article is closed for comments.