Using the Menu Block
Note: If you’re using Squarespace 7 or joined Squarespace after October 17, 2014, visit the Squarespace 7 version of this guide.
You can use the Menu Block to display your restaurant's menu on your site.
Step 1 - Add the Menu Block
View a Page, Blog Post, Event, or a Product's Additional Info in the Content Manager and click an Insert Point where you would like to add your Menu Block.
In the Block Menu scroll down to More and click the Menu Block to add it to the Insert Point.
You can also click and drag the Menu Block to place it in a different area of the page.
Step 2 - Add a Menu
A single Menu Block can hold multiple menus to differentiate between your offerings, like Breakfast or Dinner. To add a Menu, simply type the name of the menu and place at least 4 equal signs (=) underneath it.
On the line directly beneath the equal signs, you can add a description of each menu.
Within the Content Manager, the menus that you added will appear.
Note: If you have only added one menu without any other content, the menu may disappear from the Content Manager. The menu will reappear once you have added other menu content.
Step 3 - Add a Section
You can split each menu into sections. To create a section, type your section name beneath the appropriate menu, then add at least 4 hyphens (-) beneath it. You will need an empty line between sections.
On the line directly beneath the 4 hyphens, you can type a description of the section.
Your sections will appear as headings within the menu.
Step 4 - Add Menu Items
To add a menu item, simply type the name of the item below a section of a menu.
Directly beneath the menu item, you can add a description of the item.
Beneath the description, you can add the price.
You can add pricing variants by using a slash (/) between prices.
You can also designate a Market Price by adding $MKT or $Market Price as the price. As long as the currency symbol is first, you can place the price immediately following the menu item or description.
Note: Descriptions for menus, sections, or menu items are optional.
Step 5 - Design Your Menu (Optional)
Click the Design tab within the Menu Block configuration to edit the appearance of your menu.
Simple Menu Style
The Simple Menu Style creates a single column menu with centered text.
The Simple Menu style will appear similarly to the image below.
Classic Menu Style
The Classic Menu Style creates a menu with multiple columns.
The Classic Menu style appears similarly to the image below.
You can also choose between the Dollar ($), the Euro (€), the Pound (£), or the Yen (￥) as the currency symbol for your menu items. You can also hide the currency symbol by selecting None.
Note: The currency symbol choosen within the Design tab will appear, regardless of the currency symbol used when typing in menu items.
Fonts & Colors
All the text in the Menu Block can be styled with the Body Text tweak in your Style Editor under Color or Typography within the Style Editor.
Note: We have a great guide on making style changes here.
You can click on the Formatting Help tab for guidance on formatting your Menu Block.