Restaurant Website Template
A warm, appetising page for a restaurant, café or bistro: a moody photo hero with a "Book a table" button, the dishes you are known for, set menus with prices, glowing guest reviews, and your opening hours and location on a map.
One page keeps everything on a single scrolling page. The 5-page website opens all its pages in the editor: Home, Menu, About, Visit, Privacy.
Restaurant Website Template — Free, Editable, Export HTML
Food & drink · One page or 5 pages · 12 sections · Playfair Display + DM Sans · Responsive · GSAP animation
Extend with AI
Take This Template Further With AI
The AI prompt for this one is for Patreon supporters ($3 a month), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.
Multi-page version
Pages in the 5-Page Restaurant Website Template
What's included
Sections in the Restaurant Website Template
Checklist
What a restaurant Website Needs
About this template
A Free Restaurant Website Template You Can Edit Online
A warm, appetising page for a restaurant, café or bistro: a moody photo hero with a "Book a table" button, the dishes you are known for, set menus with prices, glowing guest reviews, and your opening hours and location on a map.
Use it as one scrolling page, or as a 5-page website (Home, Menu, About, Visit, Privacy) sharing one navbar, footer and theme. The one-page version is built from 12 sections of the Website Section Templates library and opens in the free Website Builder, where you can change every word and image, swap sections, set your own colours and fonts and export the finished site as clean HTML pages. The page is responsive, accessible and animated with GSAP, with content that stays visible without JavaScript.
The template ships with a Playfair Display and DM Sans font pairing and a colour theme suited to restaurant websites; switch to any Google Font, upload your own, or apply your brand kit in one click.
Extras included
Extras Built Into the Restaurant Website Template
Beyond the standard sections, the Restaurant Website template includes 3 extras that you can edit, move or remove in the builder.
Scroll Zoom Image Stack: a pinned stack of four photographs that each arrive small and zoom up to fill the screen as you scroll, from the plates to the farm and the hills.
Opening Hours & Location: an opening hours table with lunch and dinner service, a live Open now badge, the address and a map.
Back to Top Button: a floating back to top button that appears after the visitor scrolls, so a long page is easy to leave and return.
Each extra has its own page in the free Website Section Templates library, where you can try its settings on their own before you use it here.
Make it yours
How to Get the Most From the Restaurant Website Template
Most people look up a restaurant on their phone, standing on a street, so this template puts what they need first: an image hero with a booking button, the menu with prices, set menus or tasting options in a clean rows layout, guest reviews and a map with opening hours. The multi-page version adds Menu, About and Visit pages, so each has its own address and can rank for searches like "wood-fired restaurant Alfama".
Replace the sample dishes with yours and keep prices as text rather than inside images, which keeps the menu readable on small screens and searchable. Use the opening hours and location section for the address, hours and parking (it shows a live Open now badge, and tells search engines your hours), and link the booking buttons to your reservation system or a phone number. Photograph a handful of signature dishes rather than the whole menu, and use the About page for the story of the kitchen. A filterable gallery shows dishes and the dining room, and a table request form with service, day and time sits before the opening hours.
Who it’s for
Best For
Step by step
How to Use This Template
- 1Open the templateClick “Use as one page” or “Use as 5-page website” to load it in the Website Builder. Your current website is kept in Saved.
- 2Make it yoursClick any section to change its text, images and links; upload your logo and photos.
- 3Set your brandPick colours and fonts in the Theme tab, or apply your saved brand kit.
- 4Adjust the pageAdd sections from the library, drag to reorder, duplicate or remove what you don’t need.
- 5Export and publishDownload the ZIP (one HTML file per page for the multi-page version) and upload it to Netlify, Vercel or any host.
Got questions?
Frequently Asked Questions
Better as text on the page. Text loads fast on phones, can be read by search engines and is easy to update. This template shows the menu in a restaurant menu section with names, descriptions and prices you edit in the panel.
Use the table request form before the map to collect the service, day and time, and reply to confirm, or link the booking buttons to your reservation platform or a phone number. Every button has a link field, so you can use a tel: link, a booking widget page or an email address.
Yes. The Opening Hours & Location section shows a weekly table with lunch and dinner service, a live Open now badge in the restaurant's time zone, the address, a map and call and directions buttons. It also writes your hours as LocalBusiness data for search engines. Paste a Google Maps embed URL if you prefer it to the default OpenStreetMap map.
Yes. Change the headline, photos and menu items and it works for cafes, bars, bakeries and food trucks. Use the pricing rows for set menus, brunch deals or catering packages.
Yes. The Restaurant Website template is free for personal and commercial use, with no sign-up, no watermark and no attribution required.
Click “Use this template” to open it in the free Website Builder. Click any section to change its text, images and links, change colours and fonts for the whole page in the Theme tab, and add, remove or drag sections to reorder them.
Both. Use it as one scrolling page, or as a 5-page website (Home, Menu, About, Visit, Privacy) that opens with every page in the editor. The pages share one navbar, footer and theme, and the menu links to every page automatically. Add more pages (About, Pricing, Contact, Blog and others) or remove any you don’t need in the builder’s Pages tab.
Yes. As one page you get a ZIP with index.html and an assets folder. As a 5-page website you get one HTML file per page (index.html, menu.html, about.html, visit.html, privacy.html), a shared styles.css and script.js, and an assets folder with your images, then upload it to any web host. Links between pages also work when you open the files from your computer.