How to make a restaurant menu page with Elementor Pro

Build a restaurant menu page staff can update: Price List widget, sections by category, deal popup, WhatsApp order button, and fast loading on mobile data.

Updated 20 October 2026 · Written by AI Web Tools

Short answer

Make a restaurant menu page with Elementor Pro's Price List widget, one widget per menu section (starters, mains, drinks), each item with name, short description and price. Add a sticky WhatsApp order button, a popup for the current deal, and keep photos few and compressed so the page opens quickly on mobile data. Give staff a content-only login so they can change prices themselves.

Build it

  1. A short header section with opening hours and a WhatsApp button.
  2. A row of anchor links to each menu section for quick jumping.
  3. One Price List widget per category. Use the description line for portion size or "spicy".
  4. A few dish photos only where they help; menu text matters more.
  5. A deal popup set to show once per visitor. See popups.

Keep it current

Out-of-date prices annoy customers more than a plain design. Give a staff member an Editor account with content-only access; see Role Manager. Avoid uploading the menu as an image or PDF: text is searchable, readable on phones and easy to update.

Ordering

A WhatsApp button with a pre-filled message is the simplest ordering route. A full cart needs WooCommerce. More in Elementor Pro for restaurants.

Sources

Prices and features change. Check the source before you buy; we update this guide when they do.

Questions people ask

Still unsure? Message us on WhatsApp.

Is the Price List widget free?

No. It is an Elementor Pro widget.

Should I upload a PDF menu?

As an extra download, fine. The main menu should be text so it loads fast and shows in search.

Can I show different menus for lunch and dinner?

Yes, as separate sections or tabs on the same page.

Ready to go Pro?

Message us on WhatsApp and get activated today.