Website form designs are usually shown as pictures, and a picture cannot tell you the only thing that matters about a form, which is how many of the people who start it press send. The designs that get finished share four habits: a label above every field, a field count that fits one phone screen, required marks only where the entry is useless without the answer, and a button that says what happens next. This page takes the contact us forms and the other forms a small business site runs and reads each design against those habits, then puts the numbers on it with the free contact form design sheet, which turns fields and traffic into seconds to fill and entries a month.
Labels, not placeholders, and one column
A label above the field stays visible while the visitor types; a placeholder disappears the moment they start, which is why forms with placeholders alone get emails typed into the phone field. One column, top to bottom, is the design that works on a phone, and it is the design that autofill understands, so the name, email and phone fields fill themselves when the field names are the standard ones. None of this is decoration; each habit moves the finish rate the sheet prints.
Contact us forms: the design that gets finished
Name, email, phone optional, message, and a button that says send message. Four fields, 36 seconds on the contact form design sheet at nine seconds a field, two required. On a page with 1,200 visitors a month, 5% starting and 60% finishing, that is 36 entries a month and 24 abandoned starts; a design with eight fields and five required marks lowers the finish rate, and the sheet prints what the extra abandoned starts were worth at your own enquiry value.
The other website form designs, briefly
A quote form is the contact form with a service dropdown and conditional questions; a payment form adds lines with quantities; an intake form needs steps. In each case the design decision is the same: which fields the visitor sees on this screen, which are required, and what the button says. The request a quote form sheet prints fields seen and fields per step for the quote form, the payment form calculator prints the charge for the payment form, and Shortcodo Pro keeps each form's design beside the entries it produced so a redesign is measured.
Questions people ask about website form designs
Do multi-column form designs finish worse?
On a phone they become one column anyway, in an order the designer did not choose. Design one column from the start and the phone and the desktop agree.
Should every field have a required mark?
No. The sheet prints the required share beside the seconds to fill; a form that requires everything requires the visitor to give up.
Does the look of the form matter at all?
It matters after the finish rate. A form that matches the site's type and colour and is finished by 60% of starts beats a beautiful one finished by 40%.