top of page

Creating your Wix Restaurants menu

Wix Restaurants: Adding Images to Your Menus

Important:

This article is about the original Wix Restaurants Menus App. Try out our new, improved menu app. Learn how to add and set up Wix Restaurants Menus (New) app.

Adding images to your Wix Restaurant menus is a simple yet powerful way to showcase your culinary creations. Not only does this make your menu more appealing, but it also gives potential customers a visual taste of what they can expect, potentially driving more orders.

For instance, imagine you're running a bakery. By adding mouth-watering images of your freshly baked breads and pastries under each menu section, such as 'Breads', 'Cakes', 'Pastries', or 'Specials', you're giving customers a reason to explore further and place an order.

What if you don't have an image for a specific dish? No worries. You can add placeholder images for those dishes, ensuring your menu always looks complete and professional.

In this article, learn more about:

Important:

  • Make sure section images are visible on the online ordering page: Click the Wix Restaurants Orders app in the Editor and select Settings. Then, in the Layout tab, select Show section images.

  • To display images in your menu, choose a layout with section images, dish images, or both.

Want to learn more?

Check out the course in Wix Learn about creating online menus.

Adding images to menu sections

You can easily add images to different menu sections (e.g. appetizers, main course, desserts).

To add an image to a menu section:

  1. Go to Menus in your site's dashboard.

  2. Go to the section you want to add an image to and select the relevant section.

  3. Click Edit next to Section Info.
    Edit your images under section info

  4. Hover over the image and click Update to edit.

  5. Select an image or click Upload Media to upload a new one.

  6. Click Add to Page.

  7. Click Save.

Adding images to dishes

You can add images to individual dishes on your menu.

To add an image to a dish:

  1. Go to Menus in your site's dashboard.

  2. Go to the dish you want to add an image to and select the dish.

  3. Click Edit next to Dish Info.
    Editing your image for dishes under dish info

  4. Hover over the image and click Change Image.

  5. Select an image or click Upload Media to upload a new one.

  6. Click Add to Page.

  7. Click Save.

Adding placeholder images

You can upload placeholder images which appear any time a dish does not have its own image.

To add a placeholder image:

  1. Go to Menus in your site's dashboard.

  2. Go to the menu you want to add a placement image to and select the menu.

  3. Click the More Actions icon in the top right corner.

  4. Click Set Placeholder Image.

  5. Click Change Image.

  6. Select an image or click Upload Media to upload a new one.

  7. Click Add to Page.

  8. Click Save.

Guidelines for images in Wix Restaurants

You can upload images to menu sections (e.g. Appetizers, Beverages, etc.) and to individual dishes.

General recommendations for Wix Restaurants images:

  • Images should be less than 30 MB.

  • Image width should be less than 4000 pixels.

  • Image height should be less than 4000 pixels.

  • There are no image format restrictions.

The recommended image ratio varies depending on the layout you choose to use in Wix Restaurants Menus and Wix Restaurants Orders.

Recommendations for dish image ratios in Wix Restaurants menus:

  • Yummy layout: 1:1 ratio

  • Catalog layout: 1:1 ratio

  • Other layouts: 4:3 ratio

Recommendations for dish image ratios in Wix Restaurants orders:

  • Strip layout: 1:1

  • Card layout: 4:3

The image ratio should be 1:4.

Need A Professional Website?
Contact Us 
Today!

Keeping the Free Wix URL

Subdomains Overview

About HTTPS and SSL

About Domain Propagation

Replacing Your Site URL with Another Domain Name

Domain Hosting with Wix

About Domains

Wix Studio App: An Overview

About CSS Editing

Working With Layers

Using Global Sections

Using the Inspector Panel

Adding Mouse Effects

Adding Mouse Effects

Adding and Customizing Lottie Animation Files

Adding Header Scroll Effects

Adding an Entrance Animation

Adding a Scroll Animation

Adding a Loop Animation

Creating a Custom Click or Hover Interaction

Adding a Preset Click or Hover Interaction

About Animations

Adding and Setting Up Flexboxes

Working with Docking, Margins and Padding

Setting the Size of Your Elements

Using the Inspector Panel

Building a Responsive Site

Designing Across Breakpoints

Creating a Physical Product

Using AI to Create an Online Store

wix experts
Graphic2Traffic web design
©
bottom of page