Restaurant & Cafe Bar - Notion website template

Need a simple, beautiful one page home in web for your new cafe, restaurant, or pop-up lunch place? Today, not next week? Follow five easy steps below and after an hour or two you can continue with your real passion.

There is no need to hire a designer or developer, if all you want is a simple home for your delicious menu. You can easily set up the page yourself with instructions below.

Adding and changing the information will be very effortless, so your menu page is always up to date. Of course you can manage your page on mobile too. Leave that gray old gaming pc out of your shiny kitchen!

Template is made for the popular Notion productivity app.

Live preview

You can see the template in action here. Once you have purchased the template, you will be redirected to a version which you can copy to your Notion workspace, and customize to suit for your business. If you are new to Notion and that sounds difficult, fear not! The process is simple and explained below. 

First - why Notion?

Notion.so is a very versatile productivity app. Businesses are using it for all kind of things nowadays. Why they love it?

First: it's very easy to use for many kind of needs, from editing texts to keeping up warehouse status. Unlike many other tools it feels lightweight, is clean and minimalistic. Everything what you want, if daily fighting with IT isn't your thing. There is a free version which is enough for many users. Paid versions start from only 4 $ per  month at the time of writing.

The thing that makes Notion interesting platform to host your public page is:

You could run all your back office processes with the same tool: To-Do and shopping lists, expense calculations, work scheduling, team working and general writing and planning are more common ways to utilize this modern web app. The possibility to publish some of the pages for public can actually be seen just as an added bonus! 

If you are working as a team, you could have several shared internal documents like meal receipts, whole sale shopping lists etc. but also a public page like this for your customers to see. Anyone from your team could keep this public webpage up to date, it's so easy! 

To publish your page, do these 5 steps

• 1. Create an free account on https://notion.so 

• 2. Purchase this template. After completion you are redirected to the template duplicate page on Notion. (You will also receive a receipt to your email with a link to the template). 

• 3. From the template top right corner select 'Duplicate'.

• 4. Now the page is part of your Notion account 'workspace'. Fill in all of your information,  edit food menus, replace placeholder images and make it look more 'you'! 

• 5. From the top right corner of your Notion page, select 'Share'. Ensure that settings are as shown in the image below. Then copy the page address.

Ready! Now paste and share your page address everywhere!

Below you'll find options how to customize your page's share address and other usefull tips to get started. 

How to manage your Notion page

General

Notion pages can be managed on desktop either on the Notion website, or installing a Notion desktop app. On mobile you can use Notion apps for both Android and iOS.

Editing texts 

Just click the text you want to change and write! Keep in mind though, that once you have shared your page to the world, changes are made immediately visible for your visitors - no saving needed! (Which is cool. But something to keep in mind...) And when you make a mistake, just undo - as with any app.

Texts and their background colors are changeable in certain limits (there is pre-chosen nice palette of colors which always work together.) You can make texts bigger, smaller and change the font-theme of the page.

Images

To replace placeholder images, click on the little dotted menu icon at the top left corner of images. Click 'replace' and upload your own images. If your images are very big, it might be a good idea to resize them before uploading. In the template, food menu images have been cropped and resized to square 800x800 pixels before upload. 

Map

Notion supports Google maps. If you want to show your location, first go to Google maps and search for your address. Zoom closer if needed. Copy the address from the address bar (the chosen zoom level will be remembered). Go back editing your page. Click the top-left menu of the map, same as with images above. Select 'replace' and paste the correct address there. 

About your page's address 

By default, Notion page URL (the address you will share and see in your browser's address bar) is quite long, random looking and not so easy to remember. At the moment of writing Notion doesn't yet support custom domains. That means:

You can't utilize your own domain name straight, exactly the same way as you could do with a dedicated web hosting or traditional web site builders. This might change someday.

But, read further as there are few things you can do to make your address more nice and easier to remember: 

• 1. First: 

Go to your Notion account settings and change the 'workspace domain' name. What that means, is explained below, taken from the Notion's help pages:

'By default, your workspace's public page URLs will be given a unique string as an identifier, such as  unique-string-100.notion.site.

If you've set your own workspace domain, it will be displayed at the start of public page URLs, such as acme.notion.site.'

Set the workspace domain name so that it reflects your business name as closely as possible. After that the first part of your address looks nice. The address still continues with some random number string. That may bother you or not, perhaps depending on where you need to show your page address. The template preview page is a good example. Have a look how its address is shown in the browser's address bar with this modification. 

• 2. Next

You could get a paid account on Notion. In addition to other good things you'll get, that will give you the following option:

'If you have pages shared to the web, you'll be able to choose which one you'd like to display as a default home page, reachable at domain.notion.site.'

A nice and clean address without additional random strings, only the name you selected into the beginning of the address.

• 3. Then: Own domain + redirect to Notion *

You can purchase your own domain name (and perhaps you have one already?), like thisismysawesomerestaurantpage.com. From your domain's settings you are usually able to redirect domain to a Notion site. (Google search gives easy to follow videos for this).

There are also external paid services built upon Notion which give you more options, including full custom domain support. But that is another story already: this template is meant for the quickest start to the interweb!

Now, make this page yours!

Note (the small print...)

• As this is a digital product and delivered immediately after the purchase, the product is non-refundable.

• Product is provided as-is, and buyer is responsible to consider if it is suitable for the business in question before making a purchase. Buyer shall also consider if Notion is suitable platform to serve content for buyer's visitors, and if it complies possible requirements such platform should meet.

• Seller is not responsible any damages for buyer's business caused by using this template, or Notion app in general.

• Placeholder images in the template are from the free image sharing service called Unsplash.com. Buyer is strongly advised to change them to images which better represent buyer's own business.

• 24 % European VAT might be applicable. You'll see the total sum before completing the purchase.

• * Redirecting a custom domain to a Notion page usually reveals the actual Notion address once the user has entered on your site. In many cases that would be just ok. 

• Notion and the Notion logo are trademarks of Notion Labs, Inc., and are used here with permission. This template is not maintained or affiliated with Notion Labs, Inc.