How to Add and Customize a Menu Block for Your Restaurant Website

How to Add and Customize a Menu Block for Your Restaurant Website

By Michael Turner

January 18, 2025 at 09:54 PM

Menu blocks help you create attractive, SEO-friendly restaurant menus directly on your website, avoiding the limitations of PDF menus. Here's how to use them effectively:

Adding a Menu Block

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

Creating Menu Structure

Menus:

  • Enter menu name
  • Add three equal signs (===) below the name
  • Add optional description
  • Repeat for additional menus (breakfast, lunch, dinner, etc.)

Sections:

  • Type section name (appetizers, mains, desserts, etc.)
  • Add three hyphens (---) below
  • Include optional section description

Menu Items:

  • Enter item name
  • Add description below
  • Include price on the next line
  • Use slashes for price variations (glass/bottle)
  • Add $MKT for market pricing
  • Use "+" for add-ons or options

Customizing Design

Style Options:

  • Center-aligned (one column)
  • Multiple columns (adjusts to site width)

Currency Settings:

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

Formatting Tips

  1. Maintain proper spacing between items
  2. Use keyboard shortcuts for copying/pasting:
    • Mac: ⌘ + C (copy), ⌘ + Shift + V (paste)
    • Windows: Ctrl + C (copy), Ctrl + Shift + V (paste)
  3. Press Return after each line
  4. Don't use spaces for alignment

Troubleshooting

Common Issues:

  • Misaligned items: Add HTML tag for odd-numbered items
  • Extra padding: Adjust first menu category content
  • Text not displaying: Save and reopen the block
  • Currency symbol issues: Manually enter symbol with space
  • Formatting problems: Check proper use of equal signs and hyphens

Remember to keep menus updated and maintain consistent formatting throughout all sections for the best presentation.

Related Articles

Previous Articles