HTML Contact Form Templates

Contact details, hours and socials on the left; a full message form with topic select on the right.

A full-width illustrated map (swap in your embed) with a floating card holding address, hours and directions.

Pick a service, a date on the month calendar and a time slot; a summary updates as you choose. For consultants, clinics and salons.

Service checkboxes as cards, budget chips, timeline select, details and a file drop zone. Built for agencies and studios.

Three steps with a progress bar, Back/Next buttons, per-step validation and a review screen. Great for onboarding and applications.

Four ways to reach the right team (sales, support, partners, press) with a hotline banner and live status.

A bold dark contact block: giant email link on the left, an underlined minimal form on the right. For studios and portfolios.

A compact "we'll call you" card: phone number, preferred time chips and a reason, beside reassurance points and team avatars.

A chat-style card that previews a friendly conversation and opens with one click, next to email and phone fallbacks.

Date, time and party size with a guest stepper, occasion select and a summary bar. Paired with address and opening hours.

A friendly sentence-style form for a design studio: fill the blanks inline (“Hi, I’m ___ from ___ and I need ___”), with chip choices, a budget select and a big send button.

Pick who you want to reach and the form adapts: sales asks for team size, support for account email and severity, partners for company type, press for publication and deadline.

A dotted world map with pulsing office pins; pick an office from the list or the map to see its address, phone and live local time, with an “open now” badge.

A help desk ticket form: category, priority with a live expected-reply time, product version, attachments as removable chips, plus the customer’s recent tickets with statuses.

A personal note from a small business founder with an illustrated portrait and signature, beside a letter-paper form with ruled lines where customers write directly to her.

An events venue enquiry: choose a space, event type and date, drag the guest slider and toggle extras; a live estimate updates in a sticky card, then send the enquiry.

A business card style contact block for a freelancer: illustrated portrait, each detail with a one-click copy button, a code pattern to scan, “Save contact” that downloads a real .vcf file, and socials.

A round launcher button in the corner that opens a contact panel with channel choices (call back, message, email, visit), live opening status and a short callback form; Escape closes it.

A “How did we do?” form after a stay or purchase: a 0–10 score row coloured from red to green, a follow-up question that changes with the score, quick tags and a thank-you state.

A friendly veterinary clinic request form: illustrated pet type cards, pet name and age, a reason select with urgency choice that shows an emergency advice banner, preferred times and owner details.

A newsroom contact section: a named press officer with direct line, downloadable press kit cards (logos, photos, fact sheet), and a journalist enquiry form with deadline field.

A "text us" contact for a local garden service: a phone mock-up with a live message thread where you type and send, and an instant auto-reply, next to the number and reply hours.

A council "report it" form: tap the street map to drop a pin, choose the issue type from icon tiles, add a photo and description, and get a reference number.

A SaaS support form that suggests matching help articles as you type the subject, so people can self-serve, with a "None of these helped" path to send the message.

A flooring sample request: pick up to three wood swatches (with a live counter and limit), see them in a sample box, then enter delivery details.

A furniture showroom contact: opening hours with today highlighted and an open/closed badge, a "usually busy" bar chart per day you can switch, address card and directions buttons.

A stationery shop contact form designed as a postcard: message written on the left half with a handwritten-style font, address lines and a stamp on the right; sending it animates a postmark.

A wedding photographer enquiry: a June calendar coloured by availability (available, limited, booked), picking a date fills the form, plus venue, guest count and how-you-met fields.

A school admissions enquiry: enter a child's date of birth to see the year group they would join and the September start, pick open day sessions as chips and send the enquiry.

A luxury hotel concierge request: elegant icon tiles for request types, room number, preferred time with quick chips and notes, on a dark gold-accented card with the concierge on duty.