How to Add and Customize Menu Blocks on Your Restaurant Website

How to Add and Customize Menu Blocks on Your Restaurant Website

By Michael Thompson

January 18, 2025 at 08:56 PM

Restaurant menus display beautifully on your website using Menu Blocks. Unlike PDF menus, they're SEO-friendly and fully customizable. Here's how to create and format them effectively:

Creating Menu Blocks

  1. Edit a page/post and select "Menu" from the block options
  2. Open the block editor using the pencil icon
  3. Use the Content tab for menu items and sections
  4. Use the Design tab for styling
  5. Reference the Formatting Guide for tips

Adding Menus & Sections

For each menu (like Breakfast, Lunch, Dinner):

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

Gray text on a white background

Gray text on a white background

For menu sections (like Appetizers, Entrees):

  • Type the section name
  • Add three or more dashes (---) below it
  • Include an optional description

Breakfast menu in black and white

Breakfast menu in black and white

Adding Menu Items

For each item:

  1. Enter the item name
  2. Add description below
  3. Include price underneath
  4. Use slashes for price variations (glass/bottle)
  5. Use $MKT for market prices
  6. Add options with + on new lines

Menu with food categories

Menu with food categories

Customization Options

Design tab settings:

  • Choose Centered or Multi-column layout
  • Select currency symbol ($ € £ ¥)
  • Adjust fonts and colors via Site Styles

Seafood on a white background

Seafood on a white background

Troubleshooting Tips

  1. For alignment issues:

    • Balance content between sections
    • Add HTML tag for odd-numbered items
  2. To fix extra padding:

    • Place shortest menu first
    • Keep content volume consistent
  3. For text entry:

    • Use keyboard shortcuts for paste
    • Mac: ⌘ + SHIFT + V
    • Windows: CTRL + SHIFT + V
  4. To ensure proper formatting:

    • Use minimum three equal signs/dashes
    • Press ENTER after each entry
    • Avoid using spacebar for separation

Text table

Text table

This block-based approach creates professional, responsive menus that enhance your restaurant's online presence while maintaining search engine visibility.

Related Articles

Previous Articles