Restaurant Menu Widget Guide

Create a clean and easy-to-use food and drink menu for your website. This widget allows you to build a simple, organized menu that is responsive on both computers and mobile devices. Follow these steps to customize your menu seamlessly.

1. Choose a Layout

• Select from different styles:
  • Grid View: Items displayed in boxes (ideal for image-rich menus).
  • List View: Simple single-column format (great for text-based menus).
  • Tabbed Categories: Organized sections with tabs (e.g., Starters, Mains, Drinks).
• How to choose:
  • Click on a layout to preview.
  • Click “Continue” to finalize your layout and access the editor.

2. Use the Three Tabs to Build Your Menu

• Content Tab:
  • Add menu items, prices, and categorize them.
• Style Tab:
  • Customize fonts, colors, spacing, and images.
• Settings Tab:
  • Control menu appearance on different screen sizes and behavior during user interactions.

3. Add and Edit Your Menu

🍔 Content Tab

• Add Items: Input name, description (optional), and price.
• Create Categories: Organize items into sections like Appetizers, Mains, Desserts.
• Add Pictures: Upload images to enhance item visibility.
• Focus Items: Highlight popular or special items.
• Reorder Items: Click and drag to rearrange items or categories.

🎨 Style Tab

• Text Settings: Select fonts and sizes for item names and prices.
• Colors: Customize background, text, and accent colors.
• Spacing: Adjust space between items and sections.
• Borders & Shadows: Add outlines or shadows for styling.
• Images & Icons: Control image size and alignment.

⚙️ Settings Tab

• Toggle Sections: Decide if categories are open or closed by default.
• Animations: Set speed for opening/closing sections.
• Responsive View: Ensure the menu displays well on mobile devices.
• Custom Code: Optionally add CSS or JavaScript.

✅ Quick Tips

• Use the Content Tab for item organization.
• Utilize the Style Tab to align with your website’s design.
• Access the Settings Tab for responsive controls.
• Click Save to apply all changes.