For café owners

The café website checklist: 14 things every café site must have

AA
Antons Aleksandrovs
· · 9 min read

A café website has exactly one job: turn a stranger looking at their phone into a customer walking through your door. Below is the 14-point checklist we run on every café project. Save it. Compare it against your current site. Anything missing is a leak.

What customers actually want

Before the checklist, the principle. The visitor on your café website is almost never reading. They're scanning for three things, in this order:

  1. What do you serve? (the menu and a sense of vibe)
  2. When are you open? (right now — they want to walk over)
  3. Where are you? (and how easy is it to get there)

Every item below exists to answer one of those questions inside 5 seconds. If a visitor has to scroll, tap a menu, wait for a PDF, or pinch-zoom — you lose them.

The 14 essentials

1. A clear name + tagline above the fold. Your café's name in large, readable type. One sentence underneath telling visitors what kind of café you are ("Specialty coffee & sourdough, Temple Bar"). Skip the corporate boilerplate.
2. A photo of your space or food, hero-sized. Real photo of your café (interior or signature item), not a stock latte from Shutterstock. Visitors decide if a place "feels right" in under 3 seconds — the photo carries that decision.
3. Mobile-readable menu — as HTML, not PDF. Your menu should load instantly, be readable on a 5-inch screen, with prices visible without pinching. PDFs are the number-one cause of bounce on café sites. Update it when prices change.
4. Hours + a clear "Open now" indicator. Today's hours visible at the top of every page. Bonus: dynamic "Open / Closed" status calculated from the visitor's clock. Bank holiday and Christmas hours marked clearly.
5. Address with embedded Google Maps. Address copyable as text + an embedded interactive map. One tap should give walking directions in Google Maps or Apple Maps. Don't make people type your address into a separate app.
6. Click-to-call phone number. Phone number in your footer and header, with tel: link so a tap on mobile opens the dialler. Tracked so you can see how many calls the site brings in.
7. A booking link or reservation form. If you take bookings, a "Book a table" button in your nav. Either a simple form (name, date, party size, notes) or an embedded ResDiary / OpenTable / Resy widget. Don't force people to call.
8. Allergens and dietary markers on the menu. Vegetarian, vegan, gluten-free, contains nuts — clearly marked next to dishes. This is increasingly a legal requirement in the EU, but it's also a buying signal: "I can come here with my dairy-free friend." Customers self-select in.
9. A small gallery (5-8 photos). Coffee, food, interior, baristas at work, a happy customer. Not 100 photos. Not a slideshow. Just enough to give a feel.
10. "About us" in 2-3 short paragraphs. Who you are, when you opened, where the coffee comes from, what you stand for. No corporate language. People support places run by real people — let them see you.
11. 3-5 recent Google reviews. Pulled in from your Google Business Profile (with API or screenshot embed). Fresh reviews from this year. Don't fake testimonials — people can tell.
12. Social links — but only the ones you actually use. Instagram is fine. TikTok if you post. Facebook if your audience is there. Don't include a Twitter link from 2019 that hasn't been touched. A dead social link makes the whole site feel abandoned.
13. LocalBusiness schema in your HTML. Behind the scenes — JSON-LD that tells Google "this is a café, this is the address, these are the opening hours, this is the menu URL." This is what lets your hours show up directly in Google search results.
14. Fast on a 3G connection. Under 2 seconds to first paint on mid-range Android. Compressed images, no Flash-of-Unstyled-Content, no heavy frameworks. The customer is standing outside a competitor's café — every wasted second loses you the visit.

What to skip

Just as important as what to include is what to leave out. These are the most common café-website mistakes — every one of them costs customers.

A splash page or "Enter site" landing — adds friction, dates the brand.
Autoplay video or music — instant uninstall on mobile.
PDFs for the menu — broken on most phones.
A blog you don't update — three posts from 2021 signals death.
"Coming soon" sections — promise nothing you can't deliver this month.
Generic stock photos — customers spot them instantly.
Pop-ups asking for newsletter signups — café customers want coffee, not your email list.
The phrase "passionate about coffee" — please.

What to add only if you genuinely use it

  • Online ordering for takeaway — Flipdish, Square Online, UberEats embed. Only if you do takeaway regularly.
  • Gift cards — if you sell them, link to the buy page.
  • Coffee beans for online purchase — Stripe or Shopify Lite for direct sales.
  • Events calendar — only if you actually host events monthly.
  • Newsletter signup — if you genuinely send something useful (new seasonal menu, opening hours for holidays).

None of these are required. Adding them when you won't maintain them is worse than not having them.

The 5-second test

Here's how to know if your café site is working. Open it on your phone in front of someone who has never visited your café. Hand them the phone with the site already loaded. Watch them for 5 seconds. Then take the phone back and ask:

  1. "What kind of café is this?"
  2. "Is it open right now?"
  3. "Could you walk there?"

If they can answer all three in 5 seconds, your site works. If they hesitate on any of them, that's the next thing to fix.

What changes if you have multiple locations

Multi-location cafés need one extra thing: a clear location picker. Best UX is a single homepage with a list of locations, each leading to its own page with that location's address, hours, menu (if it varies), and reviews. Don't try to cram all locations onto one page — Google ranks each location page separately for "café near me [neighbourhood]" searches.

The 14 essentials apply to every location page. Don't make the second one a watered-down version of the first.

What this looks like done — and how we'd build it for you

If you'd like to see all 14 essentials in a single working example, our live Oak & Bean café demo ticks each box — every item above is implemented as a reference. Steal whatever ideas help.

For the full done-for-you version targeted at your café, our Web design for cafés service builds the whole thing in 5–7 days from €599. Same checklist, your branding, your menu, your photos.

A café website is not a brochure. It's a 5-second decision tool that runs on a phone in someone's hand. Build for that, and customers come.

One small thing — once you finish the checklist, send the URL to three friends and ask them to walk through the 5-second test. You'll find at least one thing you missed. We did.

AA

Antons Aleksandrovs

Founder of Brick & Click. Builds café websites that pass the 5-second test.

See the café service