GonnaOrder Help Center

Add Images to Store Items

Images can sometimes represent your products better than words. They can provide a visual appeal making your store items attractive to customers. You should only use high quality original images of products available in your store.

Sample product image

On this Page


Add images to store items

Every product in your store can be associated with an image. Images improve the outlook of your store. To add images, click on the name of the category in which that product is placed. For the example case, we are adding an image to an item under the Desserts category.

Choosing the category under which the product resides
Choosing the category to which an item belongs

Locate the product to which you want to add an image and click on the Edit icon next to its name.

Choose product to add image
editing an item to add an image

Scroll down past the item details until you find the Item image section. Click Upload Image then choose the image from your local folder if you are uploading images for the first time. If it is not the first time, your product images might already be in your store.

The item image selection field
Selecting the image selection field

After uploading or selecting the image, click on the Save button.

Item image selected successfully
Item image uploaded
How item images appear on the store menu
How item images appear in your store

Download item images

All item images uploaded to your store as explained in the previous section can be downloaded to your local computer at any time. This is useful for cases where you have accidentally deleted the original images or when you lose access to the computer where you had saved them.

Each image can only be downloaded separately. Therefore, you will need to navigate to each of the items whose images you want to download and click on the Download icon next to the image.

Download item images
download item image

Delete product images

You may want to delete images associated with products from time to time depending on various reasons. It simple to remove a product image as you will see in this section.

Head over to the store and select the item whose image you want to delete from the catalog and click on the Edit icon next to its name.

Selecting an item to remove its image
Select an item to remove its image

This should bring up the item details page with all the relevant information. While on this page, scroll down to find the item image. There is an X symbol on the top right corner of the image and which you should click to remove the image permanently. Note that this action is irreversible and the store will not confirm if you really want to delete the image. Instead, you will only get a success message indicating that the image has been removed.

Deleting item image

Product image guidelines

Item images should be ideally in a ratio 3:2 – where 3 is the horizontal dimension and 2 the vertical dimension. The closer that the picture is to this ratio the better it will be displayed. Menu items are always displayed in this ratio and images with different width-height ration will be resized to fit.

The recommended image size is 575x384px, but any pixel size above this is acceptable and the image would be automatically fitted to the above mentioned dimensions.

Recommended image size and formats

Even though GonnaOrder accepts images up to 5MB you should always try and upload the lowest optimized size of the image. If properly sized, the image does not need to be bigger than 10-20 KB.

You could use some free and simple online tools for reducing your image sizes such as: https://tinypng.com/. Remember the faster your store loads the better user experience will be provided for your clients.

GonnaOrder supports png and jpg formats though it is recommended that you use png formats for images as they are more optimized for web viewing.

Tip

GonnaOrder will try to resize all images as much as possible in order to reduce the loading time for your store. Still, you should use online tools to reduce the size in Mb or Kb of your images before uploading.