How to Add and Customize Menu Blocks in Squarespace

How to Add and Customize Menu Blocks in Squarespace

By Michael Chen

January 18, 2025 at 08:55 PM

A Menu block is a powerful tool to showcase your restaurant's offerings directly on your website, improving SEO compared to PDF menus. Here's how to use it effectively:

Adding a Menu Block

  1. Edit your page
  2. Click Add Block or insert point
  3. Select "Menu" from the options
  4. Click the pencil icon to open the block editor

Creating Your Menu Structure

Add a Menu Category:

  • Type the menu name
  • Add three equal signs (===) below it
  • Optional: Add description underneath

Create Sections:

  • Enter section name (e.g., "Appetizers")
  • Add three dashes (---) below
  • Optional: Add section description

Add Menu Items:

  1. Type item name
  2. Add description below
  3. Enter price (with currency symbol)
  4. For variants, separate prices with slash (/)
  5. For add-ons, start line with +

Design Customization

Style Options:

  • Centered: Single-column with centered text
  • Multicolumn: Multiple columns with left alignment

Currency Settings:

  • $ (Dollar)
  • € (Euro)
  • £ (Pound)
  • ¥ (Yen)

Formatting Tips

  1. Always press Enter after each entry
  2. Don't use spaces for alignment
  3. Ensure three equal signs for menus
  4. Use three dashes for sections
  5. For odd-numbered items, add HTML tag to balance columns

Troubleshooting

Common Issues:

  • Unaligned items: Normal due to browser column distribution
  • Extra padding: Caused by first menu's content volume
  • Missing text: Save and reopen block
  • Custom currency: Enter any symbol + space + your currency

Copy-Paste Shortcuts:

  • Mac: ⌘ + C (copy), ⌘ + Shift + V (paste)
  • Windows: Ctrl + C (copy), Ctrl + Shift + V (paste)

Using these guidelines will help create professional, well-organized menus that enhance your restaurant's online presence.

Related Articles

Previous Articles