Add Menu Blocks to Your Restaurant Website

Add Menu Blocks to Your Restaurant Website

By Michael Chen

January 18, 2025 at 09:54 PM

Menu blocks help you beautifully display restaurant menus directly on your website, improving SEO compared to PDF menus. Here's how to create and customize them:

Adding a Menu Block

  1. Edit your page
  2. Click "Add Block"
  3. Select "Menu"
  4. Use the pencil icon to open block editor

Creating Menu Structure

To add a menu category (like "Dinner" or "Lunch"):

  • Type the menu name
  • Add three or more equal signs (===) below it
  • Add optional description

To create sections (like "Appetizers" or "Entrees"):

  • Type section name
  • Add three or more hyphens (---) below it
  • Add optional description

Adding Menu Items

For each item:

  1. Enter item name
  2. Add description below name
  3. Add price on next line
  4. Use "/" for price variations (glass/bottle)
  5. Use $MKT for market prices
  6. Add "+" before add-ons or options

Customizing Design

Style options:

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

Currency symbols available:

  • US $Dollar
  • € Euro
  • £ Pound
  • ¥ Yen

Troubleshooting Tips

  • Use proper line breaks between items
  • Ensure three equal signs/hyphens for separators
  • Balance content across menus to avoid spacing issues
  • Use keyboard shortcuts for pasting (⌘/Ctrl + Shift + V)
  • Add HTML tag at section bottom for odd-numbered items

Pro Tips

  • Replace sample content one by one to maintain formatting
  • Keep similar content amounts across menus to avoid extra spacing
  • Use Site Styles to customize fonts and colors
  • Format prices consistently for better appearance
  • Balance items across columns for optimal display

Remember to save your changes regularly and preview the menu to ensure proper formatting and appearance.

Related Articles

Previous Articles