There are a couple of different options for adding images to your Udo website.

All images are stored in the media section of the admin area. Click on the media tab in the left menu to view.


Option 1: Adding multiple images

  1. Login to your Udo website admin
  2. Select all images from your computer and drag and drop into the area just to the right of the left menu in your admin area or if attaching to a page/product into the "Linked items" area.
  3. Once uploaded you will be able to batch rename the images and add the Alt text for SEO and place tags if required.
  4. To rename the individual images if required then close the batch rename option and use the tabs still open.
  5. To view all images click on the media tab in the left menu. All images are uploaded to this section. Files such as PDF's and DOC's are uploaded to the submenu area of media called "Files"

NOTE:
Naming images is important for easy identification. The Alt text field is to explain what the image is about and placing important keywords and keyword phrases for SEO purposes.


Option 2: Adding single images to pages

  1. Login to your Udo website admin
  2. Open the page you want to add the image to.
  3. Click on the Grey Pencil Design/ icon (will turn blue). You will notice grey dotted outline areas will appear on your page. 
  4. Select the image from either your computer or the media section and drag into the grey dotted area on the page where you want the image to go and drop. You will notice when you drag the image over the dotted area it will highlight in red meaning yes  you can drop here.
  5. You can move the images around the page by selecting  the image again and dragging to another grey dotted area on the page. 
  6. Once you are happy with the location of the image click on  the green "Go Live" button top right to save.
  7. Check on the front end to make sure everything is as you wanted.


Option 3: Adding banner/hero image to pages

  1. Login to your Udo website admin
  2. Click on the pages section it the left menu to view all pages
  3. Double click on the page you want to add the banner image to open.
  4. Select the image from either your computer or the media section and drag into the "Linked Items" area on the page. 
  5. Click on  the green "Go Live" button top right to save.
  6. Check on the front end to make sure everything is as you wanted.

NOTE:
To remove the banner image double click on the image icon on the left side of the image card. The image icon should fade out (double click to turn on again). Once you Go Live the image will remove it self from the Linked Items area.


Type of Images


On the page, there are three type of images:

1. Featured image, it is usually used for display image in grid, list or tiled layout

2. Hero Image, it is mainly used for display banner image or the first big image on a single "page"

3. Gallery Image, it is self-explanatory, it used as gallery image.