Comprehensive Guide: How to Create Menu Blocks in Squarespace

Comprehensive Guide: How to Create Menu Blocks in Squarespace

By Michael Chen

January 18, 2025 at 08:55 PM

Create professional restaurant menus directly on your website using Menu Blocks - a more SEO-friendly alternative to PDF menus. Here's how to set them up effectively:

Adding a Menu Block:

  1. Edit a page and select "Menu" from the block options
  2. Click the pencil icon to open the block editor
  3. Use the Content tab to add menu items
  4. Use the Design tab for styling
  5. Reference the Formatting Guide tab for help

Creating Menu Structure:

  1. Add menu names followed by three equal signs (===)
  2. Include optional menu descriptions below
  3. Create sections using three dashes (---)
  4. List menu items under each section

Gray text on white background

Gray text on white background

Menu Item Format:

  • Item name
  • Description
  • Price (add variants using /)
  • Market prices: Use $MKT or $Market Price
  • Add options with + on new lines

Breakfast menu in black and white

Breakfast menu in black and white

Design Customization:

  • Choose between Centered or Multi-column layouts
  • Select currency symbols ($ € £ ¥)
  • Customize fonts and colors through Site Styles

Menu with food categories

Menu with food categories

Troubleshooting Tips:

  • Balance columns by adding HTML tags for odd-numbered items
  • Minimize padding by organizing menus by content length
  • Use keyboard shortcuts for copying/pasting:
    • Mac: ⌘ + C (copy), ⌘ + SHIFT + V (paste)
    • Windows: CTRL + C (copy), CTRL + SHIFT + V (paste)

Seafood on a white background

Seafood on a white background

Best Practices:

  • Use at least three equal signs for menu separators
  • Press ENTER after each entry
  • Avoid using spaces for formatting
  • Replace sample content one by one to maintain formatting

Squarespace menu list

Squarespace menu list

Image not available

Image not available

Text table

Text table

Related Articles

Previous Articles