How to add custom fields to booking forms
Booking forms can collect custom information from customers by embedding Hubhus fields directly in the form layout. All collected data becomes available as placeholders for emails, automations, and pages.
TL;DR
Use at-input[field-slug] in the booking form HTML to add a field. Add ; required to make it mandatory for that form. Data flows automatically to emails/automations as {{field-slug}}. Find the exact placeholder by pressing CTRL+K / CMD+K in any template.
Get started in 3 steps
Embed the field in the booking form
In the booking form editor, insert the Hubhus input syntax. Where field-slug is the API name of your custom field:
Basic: @input[project-description] Required: @input[project-description; required]
Place the field in Part 1 (before date selection), Part 2 (during booking), Part 3 (confirmation), or Part 4 (post-submission). Use Part 1 for important fields to reduce abandoned bookings.
Understand required vs. optional
Form-level required (; required): blocks this booking form submission if empty. Field-level required in campaign settings: blocks lead creation entirely. Use form-level for user experience; use campaign-level with caution — it affects all sources including API integrations.
Use collected data in emails and automations
Any field filled in the form becomes a lead field immediately usable in templates. Press CTRL+K / CMD+K in any template to find the placeholder. Example:
@if({{project-description}}){
Project: {{project-description}}
}@endif
Read more⌄
Field validation by type
- Text: can be required or pattern-validated
- Number: enforces numeric input
- Select: restricts to defined options — always use slugs in logic
- Date/time: supports minute steps, min/max date attributes
- Address: uses built-in DAWA component
Use select fields instead of free text where you need consistent reporting or conditional logic. Custom JavaScript for booking forms should go in Styling → Custom JavaScript or in a reusable HTML component.
Common searches
custom field booking form • @input booking form • add field to booking • required field booking • booking form data in email
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article