Description
Food Online turns WooCommerce products into a restaurant menu where customers browse, choose options and order without leaving the page.
Build the menu page with the Food Online Menu block, or use the classic shortcodes on any page.
Food Online Menu block
- Add the menu in the block editor and style it in the block settings.
- Start from a ready-made template: Valdemar Dark, Ellen Noble, Einar’s Fusion, Arcade, Street or the 2026 Template.
- Product popup with options, mini cart and category navigation.
- Show opening hours and the estimated order time above the menu.
- Works with block themes and classic themes.
Classic shortcodes
- [foodonline] or [foodonline2] shows the full menu with categories, product popup and mini cart.
- [foodonline_menu] and [foodonline_minicart] place the menu and the cart separately, for example in a page builder layout.
- Choose categories, tags, products and order: [foodonline categories=”pizza,salad”].
- One column, two columns or the 2020 layout. Choose per page with layout=”twocols”.
- Give the classic menu the look of a block template with template=”arcade”, and show category images with category_image=”yes”.
- Settings for colors, icons, product images, popups, search, sticky category menu, accordion and the mobile bottom bar.
Products
- Use WooCommerce simple and variable products. Attributes give choices such as sizes, toppings and sides.
- Compatible with WooCommerce Product Add-Ons.
- Menu sections follow your WooCommerce product categories and their order.
Works with
- Shipping Zones by Drawing for delivery areas drawn on a map.
- Live Order Confirmation for incoming orders in real time and order approval.
- Food Online Premium, an optional separate plugin with delivery modes, address validation, pickup locations, time selection and checkout blocks.
Screenshots








![A classic [foodonline] menu with template="street".](https://ps.w.org/food-online-for-woocommerce/assets/screenshot-9.png?rev=3769238)
![Building blocks: [foodonline_menu] and [foodonline_minicart] in columns.](https://ps.w.org/food-online-for-woocommerce/assets/screenshot-10.png?rev=3769238)


Blocks
This plugin provides 1 block.
- Food Online Menu Food Online´s menu block.
Installation
- Make sure WooCommerce is installed and active.
- Install and activate Food Online for WooCommerce.
- Add your dishes as WooCommerce products and put them in product categories. The categories become the menu sections.
- Create a menu page:
- Block editor: add the Food Online Menu block and choose a template.
- Classic: add the shortcode [foodonline] (or [foodonline2] if your theme changes the WooCommerce product loop).
- Classic menu settings are in WooCommerce > Settings > Food Online. The Blocks Guide on the same page explains the block.
FAQ
-
Block or shortcode?
-
Use the Food Online Menu block on new pages. The shortcodes remain for existing pages and page builders. Both work with block themes and classic themes.
-
Can a page use other settings than the global ones?
-
Yes. The shortcodes accept template=”…”, layout=”…” and category_image=”…”. The first menu shortcode on the page that sets them decides.
-
How do I change the order of categories and products?
-
Categories follow the order in WooCommerce > Products > Categories, or the Food Online category sorting. Products follow the WooCommerce menu order, or orderby=”…” in the shortcode.
-
Can I offer toppings and side dishes?
-
Yes, with variable products and attributes, or with WooCommerce Product Add-Ons.
-
Can I define the delivery area with a drawn zone?
-
Yes, with Shipping Zones by Drawing.
-
Can I translate Food Online?
-
Yes. Translations are managed on translate.wordpress.org, and you can adjust texts with a plugin such as Loco Translate.
Reviews
Contributors & Developers
“Food Online for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors“Food Online for WooCommerce” has been translated into 2 locales. Thank you to the translators for their contributions.
Translate “Food Online for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
6.0.0
- Major release. Please test on a staging site before updating a live store.
- New: Food Online Menu block with six ready-made templates.
- New: Menu templates for the classic shortcodes, chosen in the settings or with template=”…”.
- New: Shortcode attributes layout=”…” and category_image=”…” for [foodonline], [foodonline2] and [foodonline_menu].
- New: Manual category sorting.
- Changed: Reorganized settings.
- Fix: Shortcode settings are now applied in block themes.
- Fix: Product names with “&” in the mini cart.
- Fix: Stray output from bundled files could break REST and AJAX responses.
- Compatibility: WordPress 7.1 and WooCommerce 11.2.
- Requirements: WordPress 6.6 and WooCommerce 9.8 or later.
5.4.6.11
- Fix: Prevented a fatal error in WooCommerce’s New order email preview when it uses an unsaved preview order.
5.4.6.10
- Compatibility: Compatible with WooCommerce 9.8 & WordPress 6.8
5.4.6.9
- Compatibility: Compatible with WooCommerce 9 and blocks checkout.
- PHP: Updated compatibility with PHP 8.3.
5.4.6.1
- Fix: Script wc_cart_fragments needs to be manually loaded since WooCommerce 7.8. Conditional checks fixed.
5.4.6
- Fix: Script wc_cart_fragments needs to be manually loaded since WooCommerce 7.8
5.4.5
- Compatibility: Increased compatibility with Divi page builder
- Compatibility: Compatibility with WooCommerce HPOS (beta)
5.4.4
- Fix: Menu category images
5.4.3
- Added: New filters ‘fdoe_is_shortcode_topbar’ and ‘fdoe_is_shortcode_delivery’
5.4.2
- New: New option to show a sale badge in the menu
- Added: New filter ‘fdoe_is_shortcode_minicart’
- Fix: Minicart increment buttons don´t work in shortcode ‘foodonline_minicart’ for some cases
5.4.1.14
- New behavior: Product sorting now default to “menu order”
5.4.1.12
- New behavior: Category sorting now default to “menu order”
5.4.1.10
- Improvement: Shortcodes improvement
5.4.1.7
- Compatibility: Compatible with WP 6.1
5.4.1.6
- New option: Category Menu horitazional scrollable
- Version harmonization
5.3.0.5
- Compatibility: Compatible with Live Order Confirmation Plugin
5.3.0.2
- Fixes: Minor bug fixes and adjustments
5.3.0
- Compatibility: Compatible with Shipping Zones by Drawing 2.7.0
- Fixes: Minor bug fixes and adjustments
5.2.0.3
- Fix: Trailing whitespace may cause incorrect output
5.2.0
- Fix: Ajax nonces
- Improvement: Improved jQuery 3 compatibility
- Improvement: Coding standard improvement
5.1.3
- Fix: Option “Show subcategories together with their parent category and not as an independent category” cause the menu to stop loading
5.1.0
- New feature: Live search in menu
- Improvement: jQuery 3 compatibility
- New behavior: Availability schedule categories and tags now work as an AND condition if both are set for a schedule
5.0.5
- Fix: Remove button in mini cart does not show for some configurations
- Improvment: Improved rtl language support
- Improvment: Uppdated templates ‘simple.php’ & ‘product-image.php’ for ‘single-product’
5.0.2
- New behavior: Removed stripping html-tags from product short description
- New behavior: Order status ‘on-hold’ is now included when counting “extra time”
5.0.1
- Fix: CSS fix cart modal
5.0
- MAJOR UPDATE *
- New behavior: If you have schedules with the application “Place Order”, it is now mandatory to choose some product categories to which the schedule applies to
- New feature: New abilities on how to calculate order times
- Fix: Closing tag missing on the shop link element
- New feature: Popup informing on which products that are not available to order according to availability schedules
