Upload images

It is true what they say. Images are worth 1000 words. Especially in 2019 when attention spans are shorter & we want information faster.

As a business that wants entice customers to order online, images can help catch the eye & could be the difference between a customer placing an order & a customer moving on.

If you are planning to have images on your menu or website, this can be done in a 2-step process. First the product, menu or any website images are uploaded to Images, which is like a central repository. Once they are uploaded to Mobi2Go portal, you can go into the Menu Editor & select those images from the repository & add them to products or you can add them to your website design.

Remember

Images can only be uploaded at a Head Office level. If you're a franchisee & require images on the menu or website to be changed, please contact your Company Administrator or alternatively, contact our Support team.

Uploading your Images

1. In the Mobi2Go Admin Portal go to Settings in the grey navigational pane
2. From the Settings page, under the Administration settings heading, locate Images 
3. Click EDIT next to Images
4. In Images, click CHOOSE FILES to open the Open file window
5. Find the folder on your computer where the images are located & choose the images you want to upload. If required, you can select multiple images
6. Once you're happy with the selection, click Open to Continue
7. The image(s) that you selected will appear underneath the Images heading
8. To ensure these are saved to the database & available for selection later, click UPLOAD IMAGES
9. If you move off the page prior to clicking UPLOAD IMAGES the images will not be saved
10. Image uploads are limited to 1MB per image. Supported image types are PNG, JPG and GIF.

Once you have successfully uploaded your images, you will be presented with a thumbnail preview of each image, the date it was uploaded, the filename & file size and an option to:

• Remove (bin icon) or;
• Edit (pencil & paper icon) & change the image to another image.

For example: If the image that was uploaded has the same filename & has been edited, you can click Edit to upload the new version with the same filename.

Pro Tip

Ensure your images are named. This will make assigning them to a product or category later on, a lot easier and quicker!

Note

Adding Images to a Menu

Now that you have uploaded your images to the Mobi2Go repository, you can assign these images to your categories and products. Wooo! In the following guide/example, we will add an Image to a Product, but the same process can be applied for any menu type/element eg. Category.

1. In Mobi2Go go to your Menu Editor by clicking MENU from the grey navigational pane
2. Locate the menu element that you would like to apply the images to - the menu, category, product or modifiers. In this instance, add an image to a product by selecting PRODUCTS
3. In PRODUCTS search for the product that you would like to edit. Once located, click on the product in the left-hand panel to bring up the product details & access Edit mode
4. Under Image click CHOOSE IMAGE to open up the Images window. This will display all saved images in a gallery view, that your company has uploaded. Locate the desired image
5. Click on the thumbnail image, where the pop-up gallery will disappear & a thumbnail of the chosen image will be displayed under Image
6. Alternatively if you need to access the Upload Image section to add a different image, you can do this by clicking on the thumbnail image to bring up the pop-up gallery again
7. Click MANAGE IMAGES which will open up a new tab/window & take you Images
8. Repeat the steps as per Uploading your Images (above) to add or edit images
9. When you're happy with the changes to the product, click SAVE to submit the changes to the database
10. The image will now display on the website for all to bask in it's glory!

Pro Tip

If you are going to have images on your menu, try to have images for all menu items. If you do not have images for a lot of products, disable Product Images until you're ready to have images on all products. 

Adding Images to a Website

Similar to adding an Image to a product, you can bring up the gallery of images to choose an image to add to the website. For example, if you wanted to add a background image, this is the way to achieve this.

1. In Mobi2Go go to the Website settings by clicking WEBSITE from the grey navigational pane
2. In Website, next to Theme and Layout click EDIT
3. Under Images you will find Logo & Background where each has ➕ SELECT IMAGE available
4. Click on ➕ SELECT IMAGE next to either (or both). The image gallery will appear of images uploaded to the database
5. Locate an image to add as a logo or background & click on the thumbnail image
6. If you want a different image added to the gallery, click ➕ SELECT IMAGE to open the gallery
7. Click MANAGE IMAGES which will open up a new tab/window & take you Images (to upload an image)
8. Repeat the steps as per Uploading your Images (above) to add or edit images
9. When you're happy with the changes to the website, make sure you click SAVE at the bottom of the page. Alternatively click Cancel to void your changes
10. Once SAVE has been clicked, the changes will be shown (in real-time) in the preview section so you can check what the logo and/or background looks like.

Troubleshooting

Product images not displaying on the website?

• Go to the Website settings by clicking WEBSITE from the grey navigational pane
• In Website, next to Theme and Layout click EDIT
• Under Images where Logo & Background are (as the above process), Product images is located
• Check the status of the drop-down under Product images. If Disabled is shown, this would be why the images are not displaying
• If Enabled is shown, then feel free to contact our Support team & we'll check it out for you.