RESTAURANT WEB DESIGN

Why Your Restaurant Website Is
Losing Takeout Orders

June 20, 2026 · 9 min read

Every time a customer orders through DoorDash, Grubhub, or UberEats, you lose 15-30% of the ticket to commission fees. But here's what hurts more: most of those customers wanted to order from you directly — your website just made it too hard. According to Toast's 2025 Restaurant Trends Report, 65% of diners prefer ordering directly from a restaurant's website when given the option. The problem isn't demand for direct ordering — it's that most restaurant websites aren't built to capture it.

1. Direct Ordering vs. Delivery Apps: The Real Math

Let's start with the numbers. A restaurant doing $10,000/month in online orders through third-party apps at an average 22% commission is paying $2,200/month — $26,400/year — in fees. That's a part-time employee. A new oven. Six months of rent on a small kitchen expansion.

Here's what happens when you move that same volume to direct ordering:

  • Zero commission on every order — the full ticket is yours
  • Customer data ownership — email addresses, order history, frequency. This lets you run email campaigns, loyalty programs, and targeted promotions
  • Brand control — no competitor ads on your listing, no third-party logo on the receipt, no incorrect menu items you can't update in real time
  • Faster payouts — direct deposits in 1-2 days, not weekly settlements that hold your money
  • Higher average order valueToast's data shows direct orders average 20% higher than third-party orders, likely because customers aren't comparing prices across multiple restaurants

You don't have to quit delivery apps entirely — they serve a discovery purpose. But your website should offer direct ordering as the primary option, with delivery apps as a secondary "also available on" mention.

Key insight: A restaurant in Huntington, WV switched from third-party-only to direct ordering on their website and saved $1,800/month in commissions within the first 60 days — while maintaining the same order volume. The customers were already there; they just needed a way to order directly.

2. Menu SEO: Why Google Can't Read Your PDF

If your menu is a PDF, it's invisible to Google. That means when someone searches "best wings near me" or "pizza Huntington WV," your restaurant doesn't show up in menu-specific search results — even if you have the best wings in town. Google can read text, not images of text.

An HTML menu does three things a PDF can't:

  • Gets indexed by Google — each dish name and description becomes searchable content that helps you rank for specific food searches
  • Works on every phone — no downloading, no pinching and zooming, no squinting at a scanned document on a 6-inch screen
  • Powers Google Menu integration — Google can display your dishes directly in search results and on your Google Business Profile (more on this below)

Your HTML menu should include:

  • Structured categories — Appetizers, Entrées, Sides, Desserts, Drinks — each as an H2 or H3 heading
  • Prices for every item — hiding prices drives customers away. They assume it's expensive
  • Dish descriptions — this is SEO gold. "Hand-breaded chicken tenders served with honey mustard and ranch" ranks for "chicken tenders near me"
  • Dietary labels — vegetarian (V), gluten-free (GF), nut-allergy friendly (NA). 30%+ of diners filter by dietary needs
  • MenuItem schema markup — structured data that tells Google exactly what each dish is, with name, description, and price

3. Mobile-First Design: 60%+ of Orders Come From Phones

Over 60% of restaurant website visits happen on mobile devices — and for online ordering, that number is even higher. If your website wasn't designed mobile-first, you're losing the majority of your potential orders to friction.

The mobile ordering experience must be:

  • Fast — under 3 seconds to load — hungry people are impatient. Every additional second of load time reduces conversions by 7%
  • Thumb-friendly — large tap targets for menu items, cart button, and checkout. No tiny text links
  • One-handed usable — the entire ordering flow should work with one thumb while someone holds their phone in one hand
  • Cart always visible — a floating cart icon showing item count and total. Don't make customers navigate to a separate page to check their order
  • Guest checkout — forcing account creation before ordering kills conversions. Let guests check out with just an email and phone number
  • Saved payment methods — for returning customers, Apple Pay, Google Pay, and saved cards reduce checkout to two taps

Test your mobile ordering flow yourself. Try to place an order on your phone, one-handed, while walking. If it's frustrating, it's costing you orders.

4. Google Menu Integration: Show Up in Food Searches

Google now displays restaurant menus directly in search results and on Google Business Profiles. When someone searches "restaurants near me" and clicks on your listing, they see a "Menu" tab with your dishes — if you've set it up correctly. This is a massive conversion advantage because customers can browse your food before they ever visit your website.

How to get your menu on Google:

  • HTML menu on your website — Google pulls menu data from your site. A PDF won't work
  • MenuItem schema markup — structured data that tells Google each dish's name, description, and price
  • Google Business Profile menu link — in your GBP dashboard, add the URL of your HTML menu page to the "Menu" field
  • Third-party menu partners — Google also pulls from SinglePlatform, MenuPages, and some POS integrations. Make sure these are accurate and up-to-date

According to Google's own data, restaurants with complete menu information on their GBP get 30% more click-throughs to their website than those without. It's one of the highest-impact, lowest-effort optimizations available.

5. Delivery Apps vs. Direct: The Coexistence Strategy

Going cold turkey on delivery apps isn't always the right move. They provide discovery — new customers finding you through the app who might not have found you otherwise. The strategy is to use apps for acquisition and your website for retention.

Here's how to make them coexist:

  • Keep your listings on delivery apps — but streamline them. Remove low-margin items. Set minimum order amounts
  • Add direct ordering to your website — make it the primary CTA everywhere: your GBP, your social media, your receipts, your bags, your window signage
  • Incentivize direct orders — "Order direct and get a free drink" or "10% off your first direct order." The $2 promo cost is far less than the $6 commission on a $30 order
  • Include a direct ordering card in every takeout bag — "Next time, order direct at [URL] — no app fees, same great food." Convert app customers to direct customers one bag at a time
  • Collect email addresses — every direct order should capture an email. Send weekly specials and promotions that drive repeat direct orders

The goal isn't to eliminate delivery app orders — it's to shift the ratio. If you're currently 90% app / 10% direct, target 60% app / 40% direct within six months. That shift alone could save $500-$1,500/month in commissions.

6. The Ordering Flow That Actually Converts

The best online ordering systems follow a simple principle: reduce the steps between "I'm hungry" and "Order confirmed." Here's the optimal flow:

  • Landing on the menu — the homepage or a prominent "Order Now" button goes directly to the menu, not an about page or a gallery
  • Category navigation — sticky category tabs that let customers jump between appetizers, entrées, drinks without scrolling through everything
  • Add-to-cart with modifiers — tap a dish, select size/modifiers (extra sauce, no onions, etc.), tap "Add to Cart." One modal, no page reload
  • Floating cart — always visible with item count and running total. Tap to expand, edit, or checkout
  • Checkout: pickup or delivery — one toggle, not two separate flows. Show estimated time immediately
  • Guest checkout — email + phone + payment. That's it. Account creation is optional after the order is confirmed
  • Order confirmation with SMS — "Your order has been received. Estimated pickup: 6:45 PM." Include a link to track order status

Every unnecessary step in this flow costs you orders. Count the clicks from menu to confirmation on your current site — if it's more than 10, you have room to improve.

The Bottom Line

Your restaurant website is losing takeout orders for three reasons: you're sending customers to third-party apps that take 15-30% commissions, your menu isn't readable by Google so you're invisible in food searches, and your mobile ordering experience has too much friction. The fix isn't complicated — direct ordering embedded on your site, an HTML menu with schema markup, and a mobile-first checkout flow that gets customers from hungry to confirmed in under 2 minutes.

For the full restaurant website design guide, see our restaurant website design guide covering menus, photography, reservations, and local SEO.

Want to see exactly where your site is losing orders? Get a free audit from Leadtek — we'll analyze your ordering flow, your menu SEO, and your Google Business Profile to show you what's costing you takeout revenue.

Frequently Asked Questions

Should my restaurant use DoorDash or its own online ordering?

Both — but prioritize your own. Keep third-party apps for discovery, but make direct ordering the primary option on your website. Direct ordering eliminates 15-30% commission fees, gives you ownership of customer data, and prevents competitor ads from appearing on your listing. A restaurant doing $10,000/month in online orders saves $1,500-$3,000 by moving that volume to direct ordering.

How do I add online ordering to my restaurant website?

Use an embedded ordering system like Toast Online Ordering, ChowNow, or Square Online that stays on your domain. Avoid links that bounce customers to third-party platforms where they see competitor restaurants. The ordering flow should be: browse menu → add to cart → checkout → confirmation — all without leaving your site.

Why is my restaurant menu not showing up on Google?

Google can't read PDF menus or images. You need an HTML menu with structured text that Google can crawl and index. Add MenuItem schema markup to each dish with name, description, and price. Then connect your menu to your Google Business Profile using the menu link field — this powers the 'Menu' tab on your GBP listing.

How much revenue am I losing to delivery app commissions?

Delivery apps charge 15-30% per order. At $10,000/month in online orders, that's $1,500-$3,000 lost to commissions. Over a year, a restaurant can lose $18,000-$36,000 to third-party fees. Direct ordering keeps the full ticket amount and gives you customer data for remarketing.

Ready to stop losing orders to delivery app commissions?

Get a free audit of your restaurant website — no strings attached. We'll show you what's costing you takeout orders and how to fix it.

Get Your Free Audit →

Or call directly: 330-356-1050