Flowers Order Form
Sell your flowers online with a free order form. Use it to accept flower orders for birthdays, weddings, and other events. The florist order form will collect the bouquet requirements and delivery details for you. A customer can list the flowers they want or include a picture of the bouquet. The customer can also leave instructions in the comment box or indicate what should be written on the card. You can easily customize the form and embed it on your website or share a link.
Structure and logic of the form
-
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 options for the Flower column in the column properties.
-
When a customer adds flowers and quantities to the table, both the line totals and the overall order total are calculated automatically.
JavaScript
- Flowers' prices are stored in the products variable. The Unit Price column is populated automatically when the Flower column changes.
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.