Restaurant Reservation Form
A reserve-a-table online form allows your guests to make online reservations at your restaurant, cafe, or bar. Gather all the information you need: reservation date and time, number of guests, type of event, name, and contact information. You can easily customize the form and embed it on your website or share a link.
Structure and logic of the form
-
The form content is organized with Grid containers. Use grids in a form design to simplify layout, ensure consistency, and enhance the user experience.
-
The Email field accepts only data matching a specified pattern to ensure valid email entries. Choose from predefined patterns or create custom ones to verify customer information.
-
The Phone field accepts only valid phone numbers. You can select which country's formats are accepted in the field properties.
-
Change the message displayed after the form is submitted in the form settings.
-
The form timeout is set to 60 seconds, after which the form can be submitted again. You can change it in the form settings.
Styling
- A background image and the blurred background effect are made with CSS. You can replace the image in the CSS editor and keep the blur effect by leaving the fd-blur-background class on the Grid container.