html.contact

Booking Request Form

Let visitors request a call, appointment, or consultation with native date and time inputs that work across modern browsers.

Button
Background
Border
Text

What this form is

This booking request form collects contact details, the requested service, a preferred date, a preferred time, and notes. It is for requests, not automatic calendar scheduling.

That distinction matters. A request form is often the right first step when you need to review availability, qualify the request, or reply personally before confirming a booking.

When to use it

Fields explained

name, email, and phone use standard autocomplete values. Visitors expect these fields to fill quickly, especially on mobile.

service is a select field because it keeps requests grouped into a few known options.

preferred_date uses type="date" and preferred_time uses type="time". Native controls are not identical in every browser, but they give users a better starting point than a blank text input.

notes gives visitors room for constraints, context, or alternate times.

Why it works well with html.contact

html.contact receives the booking request as a normal form submission and emails your configured recipient. You can publish a booking path without adding a scheduling backend, then move to a calendar workflow later if you need it.

Use it on your site

The generated code is plain HTML and CSS. There is no framework dependency hiding in the snippet.

1

Create your form

Make a form in html.contact and copy the public key that starts with hc_pub_.

2

Paste the code

Replace the placeholder endpoint, keep method="POST", and leave the field names intact.

3

Test from the site

Add the deployed domain in html.contact, submit the form from that page, and check your inbox.

More form templates

Add email in minutes.

No server. No plugin. No backend code.

Create your form