A coffee shop website has one job: convert the person standing on the sidewalk — phone in hand, three other cafes within walking distance — into a walk-in. Most fail it. The menu is a blurry PDF, the hours are wrong, the photos are stock latte art, and the map is a screenshot you can't tap. Meanwhile the cafe two doors down answered every one of those questions in three seconds, and won the customer you lost.
This is the coffee shop website checklist — what a coffee shop website actually needs in 2026, each item backed by what real customers do before they pick a place. The headline four — menu, hours, photos, maps — carry most of the weight. The rest sharpen the page. Work through it in order: if your site is missing three or more, you're handing impatient customers to whoever ranked next to you on the map.
What Does a Coffee Shop Website Need?
A coffee shop website needs seven essentials: a readable menu with prices on the page (not a PDF), accurate hours that show whether you're open now, real photos of the space and the coffee, an embedded Google Map with one-tap directions, a tap-to-call phone number, current Google reviews, and a fast mobile load under two seconds. Everything else is optional.
The research backs the priorities. 85% of diners look at the online menu before visiting a new place, 51% of food & drink customers rank opening hours as the first thing they look for, and 72% prefer menus with photos. Miss any of the top four and you drop out of the decision before the customer ever leaves the couch.
The Coffee Shop Website Checklist
Here are the coffee shop website essentials, ranked by how much each one moves a customer toward your door:
- A readable menu with prices — on the page, not a PDF
- Accurate hours that show if you're open now
- Real photos of the space and the coffee
- An embedded map with one-tap directions
- A tap-to-call phone number
- Current Google reviews on the page
- Fast mobile load under two seconds
- One short paragraph of personality
- NAP consistency with your Google Business Profile
- A link to online ordering — only if you already run it
1. A Readable Menu With Prices
The menu is the first thing a customer looks for and the thing most cafe sites bury. 85% of diners check the online menu before visiting somewhere new, and 83% of Americans review a menu before they set foot inside — and half have already decided what to order before they arrive. A customer who's chosen their drink on the couch is a customer who walks in.
The fix: put the menu in real text on the page, with prices. Not a PDF download, not a photo of a chalkboard, not "DM us for our menu." A PDF forces a download, loads slowly on mobile, and is unreadable on a small screen. Plain HTML — espresso, pour-over, seasonal drinks, pastries, each with a price — loads instantly and lets Google index it for "oat milk latte near me." Prices build trust and let customers self-select before they queue. You don't need every SKU; the signature drinks and the price range are enough.
2. Accurate Hours That Show If You're Open Now
Hours are the single most-searched piece of information for food and drink businesses: 51% of food & drink customers list opening hours as the first thing they look for, and 40% search a local business's hours several times a month. Get them wrong and the damage is direct: 26% of consumers have shown up to a business at the wrong time because of inaccurate hours, and 62% would avoid a business entirely if they found incorrect information about it online.
The fix: show today's status — "Open now until 6 PM" or "Closed today" beats a seven-row weekly grid every customer has to decode. Put it near the top, not in the footer. Then mirror those exact hours to your Google Business Profile and keep both current: holiday hours, summer hours, the day you close early for a private event. A customer who walks to a locked door doesn't come back, and often leaves a one-star review on the way.
3. Real Photos of the Space and the Coffee
A coffee shop sells atmosphere as much as caffeine, and photos are how customers judge it before they arrive. 72% of customers prefer menus with food pictures, and in a survey of online food orders, customers rated seeing a photo as 1.44× more important than reading the menu description — when the picture is there, the picture decides. The same instinct drives the in-person choice: a cafe that shows its real room and real drinks gets picked over one that hides them.
The fix: real photos of your actual space and your actual coffee. The light through the front window, the counter, the corner people work from, the cortado you actually pull. Not stock latte art, not a Pinterest board — customers spot stock in two seconds and it reads as a place hiding what it really looks like. Shoot on a phone in daylight, keep them sharp, and compress them so they don't slow the page (see must-have #7). Six to ten honest shots beat thirty filtered ones.
4. An Embedded Map With One-Tap Directions
Most cafe visits start with "how do I get there?" — 15% of consumers go straight to Google Maps for local searches and one in five use a maps app of some kind, and 78% of local mobile searches lead to an offline purchase within 24 hours. That visit hinges on whether they can get directions in one tap.
The fix: print the full address as real text, then embed an interactive Google Map directly below it — not a screenshot, not a link that dumps them somewhere else. An embedded map lets a customer check the neighborhood, find parking, and tap straight into turn-by-turn navigation. The free Google Maps embed is enough; it costs nothing and loads fast. Make the address match your Google Business Profile exactly (more on that in must-have #9).
5. A Tap-to-Call Phone Number
Local search is overwhelmingly a phone activity — most consumers default to Google on a mobile device for local searches, and they're hunting for the same things on the go: hours, directions, and a way to call. Every one of those customers is holding a device that can dial you the instant they tap the number — but only if it's a real link.
The fix: one line of HTML — <a href="tel:+15551234567">(555) 123-4567</a>. Not "call us at" with the number as plain text the customer has to memorize and re-type. Put it in the header and keep it reachable on mobile. Walk-ins are most of a cafe's business, but the catering question, the "do you have oat milk," the lost-property call — those still want a human, and a dead phone number sends them elsewhere.
6. Current Google Reviews on the Page
Reviews are the gate before the visit. 75% of consumers always or regularly read reviews when researching a local business, and half trust reviews as much as a personal recommendation. For food and drink specifically, 86% of diners avoid a place with inaccurate or outdated listing details — so stale, neglected reviews read as a stale, neglected cafe.
The fix: pull three to five real Google reviews onto the homepage with the reviewer's name. A specific sentence from a real customer — "the flat white is the best on this side of town" — converts harder than a generic "5 stars!" graphic. Don't fabricate them. And reply to reviews on Google itself; an active profile signals an active business, and the customer reading them can tell the difference.
7. Fast Mobile Load Under Two Seconds
This isn't a visible element, but every other item depends on it. The probability of a bounce rises 32% as load time goes from one to three seconds, and every one-second delay on mobile can cut conversions by up to 20%. A coffee shop's customer is the most impatient audience on the web: caffeine-deprived, on a sidewalk, comparing you to the next pin on the map. Four seconds of loading and you've already lost them.
The fix: a lightweight, hand-coded page beats a builder template here every time. DebugBear's 2025 testing measured Squarespace at a mobile Lighthouse score of 31 and Wix at 72, versus 95+ for a static page — because builders ship hundreds of kilobytes of JavaScript before your hero image even starts loading. We dug into why in why website builders score low on Google PageSpeed. Compress your photos, skip the autoplay video, and host it somewhere fast like Cloudflare Pages.
8. One Short Paragraph of Personality
Customers choosing a coffee shop are choosing a vibe, not just a drink. A short paragraph — who you are, what you roast, what makes the room worth sitting in — does more than a generic "Welcome to our cafe." It's also the text Google reads to understand what your business is, so a real description helps you rank for the searches that fit you.
The fix: two or three honest sentences near the top. "We roast in small batches in the back, the espresso is a seasonal blend, and there's a quiet corner with outlets for the laptop crowd." Specific beats grand. Length doesn't matter; personality does. Skip the founding-story essay — nobody on the sidewalk is reading 600 words before they decide where to get coffee. And link your Instagram if you keep it active: it's where many cafe regulars check your daily specials and latest photos, so a single icon-link from the page lets the customer keep scrolling your world instead of bouncing off.
9. NAP Consistency With Your Google Business Profile
Your website and your Google Business Profile are one funnel, not two channels. complete, verified profiles appear far more often in search and drive up to 4× more website visits than incomplete ones, and 85% of consumers say contact information and opening hours are important when researching a local business. If your name, address, and phone (NAP) don't match between your site and your profile, Google treats them as two different businesses and trusts neither.
The fix: audit it once a quarter. Same business name — not "Lumière Coffee" on the site and "Lumiere Cafe" on Google. Same address format, same phone, same hours week by week. The full case for running both together is in our Google Business Profile vs website breakdown — the short version is that the profile gets you found and the website converts.
10. A Link to Online Ordering — Only If You Already Run It
Online ordering is the one element that's optional by design. If you already run Toast, Square, or another POS with ordering built in, link to it — a clear "Order ahead" button is worth having. If you don't, don't pay a builder or agency to bolt a full ordering system into your website. For most indie cafes, walk-in traffic is the overwhelming majority of orders, and a clear menu plus a phone number covers the rest.
The fix: a single button that points at the ordering flow you already use. Don't rebuild the cart, the payment processing, and the inventory sync inside your homepage — that's integration overhead that rarely pays for itself, the same conclusion we reached in the coffee shop website cost breakdown.
Building a coffee shop website from scratch? PageDrop ships every must-have on this list in a 95+ PageSpeed one-page site for $297 — one-time, no monthly fees, your menu, hours, map, photos, and real reviews on a single fast page.
What to Skip on a Coffee Shop Website
What you leave off matters as much as what you put on. These add weight without bringing anyone through the door, and belong nowhere near a single-location cafe site. Here's the quick include-vs-skip reference:
| Include | Skip |
|---|---|
| Menu in real text with prices | PDF or photo-of-chalkboard menu |
| Today's hours / "open now" | Hours buried in the footer |
| Real photos of your space | Stock latte art |
| Embedded interactive map | Static map screenshot |
| Tap-to-call phone link | Phone number as plain text |
| Single scrollable page | Separate About / Menu / Contact pages |
| Silent, fast-loading page | Autoplay video or music |
| Link to ordering you already run | A rebuilt ordering system inside the page |
More detail on the anti-patterns that do the most damage:
- Autoplay video or music. A customer browsing quietly at their desk closes the tab before the audio finishes buffering — and it tanks your load speed.
- Hero slideshows. A rotating carousel pushes the menu and address below the fold and splits attention across images nobody asked for. Pick one strong photo of the real space.
- The menu as a PDF. It downloads slowly, reads terribly on a phone, and Google can't index it for the drink searches you want to win.
- Separate pages for Menu, About, Contact. A single scrollable page keeps every answer one swipe away. Extra clicks lose impatient customers.
- Stock photography. Customers can spot it instantly, and it actively hurts trust. Real photos or none.
- A blog you don't maintain. A "Fall 2023 Menu" post sitting at the top three years later signals you've stopped paying attention.
The coffee shop website design pillar covers the broader "do I even need a website" question, the coffee shop website cost post breaks down what each element costs across Wix, Squarespace, and one-page alternatives, and our Lumière Coffee demo is a working one-page example with every must-have in place.
Frequently Asked Questions
What does a coffee shop website need?
A coffee shop website needs a readable menu with prices on the page, accurate hours that show whether you're open now, real photos of the space and the coffee, an embedded Google Map with one-tap directions, a tap-to-call phone number, current Google reviews, and a fast mobile load under two seconds. 85% of diners check the online menu before visiting and 51% of food & drink customers look for hours first, so missing any of the top four costs walk-ins.
Should a coffee shop menu be a PDF or on the page?
On the page, in real text. A PDF forces a download, loads slowly on mobile, is hard to read on a small screen, and can't be indexed by Google for drink searches like "oat milk latte near me." Put the menu in plain HTML with prices so it loads instantly, reads cleanly on a phone, and helps customers decide before they queue. Half of customers decide what to order before they arrive — make that easy.
How important are photos on a coffee shop website?
Photos are decisive. A cafe sells atmosphere, and photos are how customers judge it before arriving. In a survey of online food orders, customers rated seeing a photo as 1.44× more important than reading the description, and 72% prefer menus with pictures. Use real shots of your space and coffee — not stock latte art, which customers spot instantly and distrust.
Why do accurate hours matter so much for a cafe?
51% of food & drink customers look for opening hours first, and 26% have shown up at the wrong time because hours were inaccurate. A customer who walks to a locked door rarely returns and often leaves a one-star review. Show today's status near the top of the page, and mirror the exact hours to your Google Business Profile, including holidays and seasonal changes.
Does a coffee shop website need online ordering?
Only if you already run a POS with ordering built in, like Toast or Square — in which case add a clear "Order ahead" button that links to it. If you don't already run it, don't pay to build a full ordering system into your site. For most indie cafes, walk-in traffic is the overwhelming majority of orders, and a clear menu plus a phone number covers the rest.
How fast should a coffee shop website load?
Under two seconds on mobile. The chance of a bounce rises 32% from one to three seconds, and each second of mobile delay can cut conversions by up to 20%. Cafe customers are deciding on the sidewalk. A static one-page site loads in under a second, while Squarespace scored 31 and Wix 72 on mobile in DebugBear's 2025 testing — slow enough to lose the walk-in to the next cafe on the map.
Do I need a coffee shop website if I have a Google Business Profile?
Yes. A Google Business Profile gets you onto the map with hours, photos, and reviews, but it isn't a full menu, it isn't your atmosphere, and it isn't a page you control. Complete profiles drive far more website visits — meaning customers who tap through to a real site are the more committed ones. Use the profile to get found and the website to convert. The GBP vs website post covers the split in detail.
Is a one-page website enough for a coffee shop?
For almost every single-location indie cafe, yes. A one-page site covers the menu, hours, location, photos, reviews, and a short story — everything a customer needs to decide to walk in. Multi-page sites are for multi-location chains, roasters with wholesale operations, or cafes running full ecommerce. Most indie shops need none of that, and a single fast page is both cheaper and faster.
How much does a coffee shop website cost?
Anywhere from about $352 over three years for a one-time custom one-page build to $8,600+ for an agency Squarespace build with a maintenance retainer. Wix runs about $890 and Squarespace about $1,036 over three years once email and domain are added. The full breakdown across seven routes is in the coffee shop website cost post.