Explore the Food Menu Widget live demo here.
The Food Menu Widget is perfect for showcasing your restaurant or café’s offerings in an appealing and structured format. You can include images, titles, descriptions, prices, and even badges to highlight special items. Each menu item can also link to a detailed page or order option.
Activate the Widget
To enable the Food Menu Widget:
- Open the aThemes Addons dashboard in your WordPress admin area.
- Locate the Food Menu Widget.
- Switch it on to make it available in Elementor.
Widget Options
Content Section
- Image: Add a thumbnail image for the menu item.
- Title: Specify the name of the dish or menu item.
- Description: Provide a short description of the dish.
- Price: Mention the price of the item.
- Badge: Highlight items with badges like “Hot” or “Special.”
- Button: Add a call-to-action button like “Order Now.”
Settings Section
- Title HTML Tag: Define the HTML tag for the menu item title (e.g., H2, H3).
- Alignment: Align the content left, center, or right.
- Price Position: Choose whether the price appears next to the title or spaced apart.
Style Options
- General: Set padding, margins, background, border, and shadow for each item.
- Image: Adjust the size and border radius of the item image.
- Title: Customize the color, typography, and alignment of the title.
- Description: Modify the text color and typography for descriptions.
- Price: Style the price color, typography, and line separator.
- Button: Configure button text, background, and hover styles.
Conclusion
The Food Menu Widget offers an intuitive way to display your menu items. Whether you’re running a small café or a large restaurant, this widget lets you craft a visually stunning and user-friendly menu, driving both engagement and conversions.