Appointment Form
With this free template, your customers can request an appointment and share their reasons for visiting. Use the template as-is or customize it to meet your requirements.
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 valid email addresses. You can change the pattern in the field properties.
-
The Phone 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.