A good contact us page lists only the channels you will actually answer, your hours with a timezone, and how fast you reply.
Then it gives the essentials: your business name, a street address or the area you cover, a phone number and email written as text, a short form of three to five labelled fields, and one line on what happens after someone writes. Below are those essentials, five annotated contact us page examples by type of business, a builder that picks and orders your channels and writes the HTML, and the trust, spam and accessibility details that decide whether people use the page.
5 business typesonly channels you answerplain HTML, no scripts
· By the Builderify team
yoursite.com/contact
Contact usMade-up example
1
Call (555) 0142, Monday to Friday, 8am–5pm US Eastern time.
2
On a job? Ask for a call back and we ring you within one working day.
3
Name (required)Email (required)Postcode or ZIP (required)Phone (optional)What do you need done? (required)
4
Dana reads every message and replies within one working day.
5
Covering Ashford, Kent and nearby towns. Licensed electrician.
1–2 Ways in, with hours3 A short form4–5 Next, and where
01 / Essentials
What to put on a contact us page in seven lines.
Every contact page needs the same seven things, whatever the business. People arrive with one question: how do I reach a person, and when will I hear back? Answer it near the top, and the rest of the page only has to back it up.
01
The ways in you will answer
Two to four, in the order you would like people to use them. Every channel on the page is a promise that someone is behind it.
02
Your hours, with a timezone
“9–5” means nothing to someone three time zones away. Write the days, the hours and the zone: “Monday to Friday, 9am–5pm US Eastern time”.
03
How fast you reply
One sentence, such as “We reply within one working day”. It stops the “did you get my message?” email. Chapter 05 has the wording.
04
Your name and where you are
The business name customers know, plus a street address if they visit you, or the towns you cover if you go to them.
05
Phone and email as text
Real text, linked with tel: and mailto:, so people can tap it on a phone, copy it or have it read aloud.
06
A short form
Three to five fields, each with a visible label. It catches people who would rather write than call, and everyone who visits after hours.
07
What happens next
Who reads the message, when they will hear back, and what to do if it is urgent.
02 / Examples
Contact us page examples, annotated five layouts by type of business.
The right contact page depends on what people contact you about. These are patterns, not copies of anyone’s page, and every business in them is made up. Each shows the order of the ways in for a small team that can staff all of them, what that kind of business adds to the essentials, and why it is laid out that way.
PhoneCall-back requestContact formBooking
01 · Local service or trade
Call first, form second
A plumber, electrician, cleaner or gardener who goes to the customer.
Someone with a leak wants a voice. The number goes at the top with the hours beside it, and a call-back request catches the calls you miss while you are on a job. The form asks for a postcode, so you can say no politely before you drive out.
Order on the page
Phone
Call-back request
Contact form
Booking
Left off: Email, Live chat, Support tickets.
Adds to the essentials
The towns or postcodes you cover, not a home address
A licence or registration number, if your trade has one
A link to your reviews
Form: Name, Email, Phone (optional), Postcode or ZIP code, What do you need done?
DeliveryReturnsTrack
Contact formLive chatEmailSupport tickets
02 · Online shop
Help links first, then the form
A shop that sells online and ships to customers.
Most messages to a shop are about an order. Answer those before anyone writes: delivery, returns and tracking links go above the form. The form asks for the order number, marked optional, so you can look the order up before you reply.
Order on the page
Contact form
Live chat
Email
Support tickets
Left off: Phone, Call-back request, Booking.
Adds to the essentials
A geographic business address, not only a PO box
Links to delivery, returns and order tracking above the form
An optional order-number field
Form: Name, Email, Order number (optional), How can we help?
BookingContact formEmailPhone
03 · Consultant, agency or B2B
Book a call with a named person
An accountant, agency or consultant who sells their time.
People buying a service want to know who they will deal with. A name and a face next to a booking button turns “contact sales” into a meeting with a person. The form is there for people who are not ready to book.
Order on the page
Booking
Contact form
Email
Phone
Left off: Call-back request, Live chat, Support tickets.
Adds to the essentials
Your office address, or the city you work from
The name, photo and role of the person who replies
How long a first call lasts and what it covers
Form: Name, Email, Company (optional), What would you like help with?
SalesBook a demoForm
SupportLive chatTickets
04 · Software or online service
Sales on one side, support on the other
A product people sign up for and log in to.
A buyer and a customer who cannot log in need different things. Two columns, sales and support, each with its own channel, keep them out of one queue. A topic field sends the rest to the right person.
Order on the page
Live chat
Support tickets
Contact form
Booking
Left off: Email, Phone, Call-back request.
Adds to the essentials
Your company name and registered address
Separate routes for sales and for support
Links to your help pages and status page above the form
Form: Name, Email, What is it about?, What can we help with?
PhoneBookingContact formEmail
05 · Restaurant, café or venue
Find us, then book
A place people visit: a restaurant, studio, gym or event space.
Most visitors want the address, today’s hours and a way to book. Those go above everything else, with a map. The form is for group bookings and questions, with an optional date.
Order on the page
Phone
Booking
Contact form
Email
Left off: Live chat, Call-back request, Support tickets.
Adds to the essentials
Your street address with a map and directions
Opening hours, kept apart from the hours you answer messages
Parking, transport and step-free access details
Form: Name, Email, Phone (optional), Date of your visit (optional), Your question or booking request
Working alone, or with fewer channels? The builder below redoes the order for you.
03 / Page builder
Build your contact page from what you can staff.
Tell the builder your kind of business, your hours, how many people answer and which channels someone can really cover. It picks the ways in to offer and the order to show them, says why the others are left off, writes your reply-time line, the form fields and the checklist, and hands you a plain-HTML skeleton to paste into any site builder. The contact form is always on. Nothing you choose leaves your browser.
Contact page builder · starts as a made-up electrician who works alone
Your reply-time line
We are here Monday to Friday, 8am–5pm US Eastern time. Send us a message and we reply within one working day.
Offer these, in this order
01
Phone
Call [your number], Monday to Friday, 8am–5pm US Eastern time.
In Builderify:A tel: link on the page. Nothing to install.
02
Call-back request
Leave your number and we ring you back within one working day, Monday to Friday, 8am–5pm US Eastern time.
In Builderify:The Callbacks block in the Floating Bubble.
03
Contact form
Send a message any time with the form below. We reply within one working day.
In Builderify:A Custom Form block. The Contact Form block asks only name, email, message and an optional phone or subject, so build these fields as a Custom Form; submissions are kept with the form and emailed to you.
04
In Builderify:
05
In Builderify:
Leave these off
Booking: You have no calendar to offer yet. Leave it off until you do.
Email: With one person, three ways in is plenty, and this one comes lower in the order for your kind of business. Every extra channel is one more place to check.
Live chat: You work alone and you are with customers during your hours, which is exactly when chats arrive. The form or a call-back request waits for you; a chat does not.
Support tickets: You do not track requests by reference. The form and email cover one-off questions.
:
:
Form fields
01
NameRequired
02
EmailRequired
03
PhoneOptional
Only if you would rather we call.
04
Postcode or ZIP codeRequired
So we can check we cover your area.
05
What do you need done?Required
In BuilderifyA Custom Form block. The Contact Form block asks only name, email, message and an optional phone or subject, so build these fields as a Custom Form; submissions are kept with the form and emailed to you.
Essentials checklist
Your business name, as customers know it
The towns or postcodes you cover, not a home address
Your hours, with the timezone: Monday to Friday, 8am–5pm US Eastern time
Your phone number as text, linked with tel: so it dials on a phone
A call-back option that says when you ring back
A short form: five fields, each with a visible label
How fast you reply: within one working day
What happens after someone sends a message
A licence or registration number, if your trade has one
A link to your reviews
A privacy line under the form: what you use the details for, with a link to your policy
What happens next
Your message comes straight to [your name], who reads every one and replies within one working day. If it is urgent, call us Monday to Friday, 8am–5pm US Eastern time.
Plain-HTML skeleton · no scripts
<section class="contact" aria-labelledby="contact-title">
<h2 id="contact-title">Contact us</h2>
<p>We are here Monday to Friday, 8am–5pm US Eastern time. Send us a message and we reply within one working day.</p>
<h3>Ways to reach us</h3>
<ul>
<li><strong>Phone:</strong> <a href="tel:+0000000000">[your number]</a>, Monday to Friday, 8am–5pm US Eastern time.</li>
<li><strong>Call-back request:</strong> leave your number with the call-back button and we ring you back within one working day.</li>
<li><strong>Contact form:</strong> <a href="#contact-form">Send us a message</a> any time. We reply within one working day.</li>
</ul>
<h3 id="contact-form-title">Send us a message</h3>
<form id="contact-form" action="/contact" method="post" aria-labelledby="contact-form-title">
<p>
<label for="contact-name">Name (required)</label>
<input type="text" id="contact-name" name="name" autocomplete="name" required>
</p>
<p>
<label for="contact-email">Email (required)</label>
<input type="email" id="contact-email" name="email" autocomplete="email" required>
</p>
<p>
<label for="contact-phone">Phone (optional)</label>
<span id="contact-phone-hint">Only if you would rather we call.</span>
<input type="tel" id="contact-phone" name="phone" aria-describedby="contact-phone-hint" autocomplete="tel">
</p>
<p>
<label for="contact-postcode">Postcode or ZIP code (required)</label>
<span id="contact-postcode-hint">So we can check we cover your area.</span>
<input type="text" id="contact-postcode" name="postcode" aria-describedby="contact-postcode-hint" autocomplete="postal-code" required>
</p>
<p>
<label for="contact-message">What do you need done? (required)</label>
<textarea id="contact-message" name="message" required rows="5"></textarea>
</p>
<p id="contact-privacy">We use these details only to answer your message, and we will not add you to a mailing list. See our <a href="/privacy">privacy policy</a>.</p>
<button type="submit" aria-describedby="contact-privacy">Send message</button>
</form>
<h3>What happens next</h3>
<p>Your message comes straight to [your name], who reads every one and replies within one working day. If it is urgent, call us Monday to Friday, 8am–5pm US Eastern time.</p>
<h3>Where we work</h3>
<address>
[Business name]<br>
[Towns or postcodes you cover]
</address>
</section>
Replace everything in [brackets], point the form’s action at your form handler, and style it with your site’s CSS.
Fewer doors, faster answers. One person can keep three channels honest; a small team four. Each extra one is another place to check before you can say “we reply within a day”.
The reply times are a starting point. Adjust them to what you hit on a bad week, not a good one. The guide to customer service response time helps you set each one.
The order is the message. Whatever sits first is what most people will use, so put first the channel you answer fastest.
04 / Channels
Contact page best practices start with offering only what you can staff.
Offer a channel only if someone can answer it in the time you promise. A phone that rings out or a chat that sits unanswered tells the visitor more about you than any design. Choose by what your customers ask and what your day looks like, then put the fastest one first.
Contact channels: what each suits, what it needs from you, when to leave it off and the Builderify block for it
Channel
Best for
It needs
Leave it off if
In Builderify
Contact form
Anyone, any time, especially after hours and on a phone.
Someone reads the messages every working day.
Never. It is the one channel that waits for you.
Contact Form or Custom Form block
Email address
People who want a record, or to attach a file.
A shared address that more than one person can see.
Nobody checks it, or it forwards to someone who left.
An Inbox mailbox on your domain
Phone
Urgent jobs, older customers, anything that “depends”.
Someone who picks up during the hours you print.
You are on jobs all day and it rings out.
A tel: link
Live chat
Quick questions while someone is deciding.
Someone watching the chat while it is shown.
You work alone or with your hands full.
Live Chat block
Booking
Consultations, quotes, appointments, demos.
A calendar with real free slots.
You sell products, not time.
Bookings block
Call-back request
People who want to talk but not wait on hold.
Ringing back when you said you would.
You cannot return calls the same day.
Callbacks block
Support tickets
Existing customers with a problem that takes a few replies.
Working a queue by status and priority.
Your customers have one-off questions.
Support Tickets block
Phone or call-back? If you are out on jobs, a call-back request is the honest version of a phone number: people leave their number and what it is about, and you ring when you can. The guide to adding a call me back button covers the wording and time zones.
Form or booking? If most messages end in “when can we talk?”, skip a round of email and let people pick a slot. Adding a booking system to your website walks through meeting types, hours and confirmations.
05 / Reply time
The reply-time line one sentence, with a day and a timezone.
Say when you are there and when they will hear back, in words a stranger in another country can act on. Put the line at the top of the page and again in the confirmation people see after sending the form. Choosing the number itself, channel by channel, is its own question: see what a good customer service response time is.
We’ll get back to you ASAP.
We reply within one working day, Monday to Friday.
ASAP is a promise with no date. A day is one they can plan around.
Open 9–5.
Monday to Friday, 9am–5pm UK time.
Without days and a timezone, a visitor six hours away cannot tell if you are open now.
24/7 support.
Live chat 8am–6pm US Eastern time; the form any time.
Only promise round-the-clock if someone is there round the clock.
Someone will be in touch.
Sam, who runs the shop, reads every message.
A name tells them a person will read it.
Closed for a holiday? Change the line for those days rather than letting it go quietly wrong; the holiday closure message guide has the wording.
06 / Trust and email
A contact us page for a small business has to look like a real business.
People check a contact page to see whether someone real is behind the website. A place, a name and a plain email address do more for that than any badge.
Trust details worth adding
An address and a map, if people visit you. If you go to them, list the area you cover instead. Google’s own rules for Business Profiles say a service-area business should hide its address from customers.Google
Real names, and a face if you are the product. “Sam reads every message” beats “our team”. Use the same phone number and address as your Google profile, so the two never disagree.
A privacy line under the form. Under UK GDPR you give privacy information when you collect the data, including what it is for and how long you keep it, so one sentence and a link to your policy belong right there.ICO
The legal basics, if you sell online. In the UK, the e-commerce regulations ask online service providers to make their name, geographic address and contact details, including an email address, easy to find.Reg. 6 Other countries have their own rules; this is not legal advice.
Showing your email without inviting spam
Use a role address, not your own. hello@ or support@ can be filtered, shared and replaced without changing your personal address.
Write it as text, linked with mailto:. An address in a picture cannot be copied, tapped or read by a screen reader, and WCAG asks for text rather than images of text.WCAG 1.4.5
Skip “name [at] domain [dot] com”. Every visitor has to retype it, and some get it wrong. Let a spam filter on the mailbox do the work instead.
If one address drowns, give the page the form and keep the address for customers. Either way, send everything to one place more than one person can see; see how to set up a shared inbox.
07 / The form
A contact form anyone can fill in on a phone, with a screen reader.
Ask only what you need to reply, label every field, and say what went wrong in words. For most contact pages that is a name, an email and a message, plus one or two fields that save you a round of questions, as in the examples above.
After someone presses Send, show a confirmation on the page that repeats when you will reply, and make sure the message really arrives. If yours runs on WordPress and goes quiet, start with a WordPress contact form not sending email; to count what the page brings in, see how to track form submissions.
A visible label on every field
Tie each label to its field with for and id. Grey placeholder text is not a label: it disappears as people type, and W3C’s forms tutorial notes screen readers do not treat it as one.W3C WAIW3C WAI
Required and optional, in words
Write “(required)” or “(optional)” in the label rather than relying on a red asterisk alone. The same tutorial recommends saying which fields are required and which are optional.
Errors described in text, next to the field
WCAG 3.3.1 (Level A) asks that a detected error is identified and described in text. A red outline is not enough; “Enter an email address, like name@example.com” is.WCAG 3.3.1
Let the browser fill it in
autocomplete="name", "email" and "tel" save typing on a phone and are the usual way to meet WCAG 1.3.5, Identify Input Purpose (Level AA). The builder’s HTML includes them.WCAG 1.3.5
Go easy on CAPTCHA puzzles
A W3C note on CAPTCHA says the very nature of the test excludes many people with disabilities. If spam gets bad, prefer checks visitors never see over a puzzle in front of every message.W3C
08 / In Builderify
Every way in, from one widget shown on the pages you choose.
One Floating Bubble can hold a Contact Form, a Custom Form, Live Chat, Bookings, Callbacks, Support Tickets, an FAQ and the AI Chatbot, all from one script tag. Each block has its own page rules, so the call-back request can sit on your service pages while the contact form appears everywhere, and your contact page can list the same channels in the same order.
Name, email, message
Contact Form block
Asks name, email and message, with optional phone and subject fields you switch on.
Each message lands in the Inbox mailbox you pick, such as hello@ on your domain, and your reply goes out from that address.
Each one shows in the activity feed.
The sender joins a lead list only if you set one on the block.
Your own fields
Custom Form block
For a postcode, order number, topic or date: Text, Email, Phone, Textarea, Select, Checkbox, Radio and Consent fields.
Submissions are kept with the form: search them, filter by date, export to CSV.
Each one is logged in the activity feed and emailed to account owners.
Joins a lead list only with a ticked Consent field and a list set on the block, so writing in signs nobody up.
When a call is better
Callbacks, Live Chat, Bookings
Callbacks queue each request with what it is about, a preferred time of day and the caller’s timezone.
Live Chat conversations arrive in your dashboard in real time.
Bookings let people pick a slot without leaving your site, and Support Tickets give each request a reference number.
What it costs. Every account gets 250 free credits a month. Page loads with the widget on them are 10 credits per 1,000, a new live chat is 1 credit, a new support ticket 1 credit, and a new person added to a lead list 1 credit. There is no monthly fee; packs start at $9 and purchased credits never expire. The full rate card is on the pricing page.
Questions
Contact us pages, before you ask.
The ways people can reach you that someone will actually answer, your hours with a timezone, and how fast you reply. Then your business name, a street address or the area you cover, a phone number and email written as text, a short form of three to five labelled fields, and a line on what happens after someone sends a message.
Yes, if someone reads it. Use a role address such as hello@ rather than your own, write it as text linked with mailto: so people can tap or copy it, and let a spam filter on the mailbox deal with junk. Spelling it out as name [at] domain [dot] com or showing it as an image makes it harder for customers to use.
Show a street address and a map if customers come to you. If you go to them, list the towns or postcodes you cover instead of a home address; Google's Business Profile guidelines say service-area businesses should hide their address. In the UK, anyone selling online should also make a geographic address easy to find.
It helps. A form catches people who visit after hours or would rather write than call, and it can ask the one or two things you need to reply, such as a postcode or an order number. Keep it short, label every field, say which are optional, and do not add people who write in to your mailing list.
The Contact Form block in the Floating Bubble delivers each message to the Inbox mailbox you choose, such as hello@ on your domain, and you reply from there. If you need other fields, a Custom Form keeps its submissions with the form and emails them to you. The Contact Form adds the sender to a lead list only if you set one on the block, and a Custom Form also needs a ticked consent field.
All nine were read on 30 October 2026. The layouts, channel order and reply times on this page are common practice, not the result of a study. Every business, name and number on this page is made up, and nothing here is legal advice.
