Uploading Images to a Campus Website in OmniCMS

This article covers how users can upload images to a campus website using OmniCMS and obtain a hyperlink/URL for the image so it can be used for a 25Live event.

This guide assumes that you have access to upload images and create folders for a campus website using OmniCMS and are familiar with how to log in to your site. For more information on getting access to a campus website, view the Web Services website. You can also view OU V4 Help for instructions.

How do I know who manages my website?

At the bottom of each page on your website, there is a footer that includes a contact email for the website. Sometimes it is set as a department email account, but often it is a specific individual.

campus website footer

1. Log in to your website and access the Pages Home for your site. Click on the _resources folder to open it.

_resources folder
  1. Access the Pages Home by clicking on the home icon. This takes you to the root of your site.
  2. Click on the _resources folder.

2. Click on the images folder.

images folder

3. Click on the 25Live folder. Or create a 25Live folder if one does not exist and then open it.

Best practice is to have a separate 25Live folder that will contain all of the images that your department uses for 25Live events. This helps to keep the images separate from the images used for the website itself, so the images do not get accidentally deleted.

25live folder

4. Click Upload.

Remember you won't see any existing images in this view because this is the Staging view. All images are uploaded to the Production view. If you want to view all of the existing images, click on Staging and then switch to Production view.

upload image

5. Click Add.

You can also drag a file from your desktop to this upload screen to select it. This is helpful if you have the folder that contains the image open on your desktop already.

add file to be uploaded
select image on your computer
  1. Navigate to the folder on your computer that contains the image you want to upload.
  2. Click on the image you want to upload.
  3. The image name will now show up in the File name field.
  4. Then click Open.

7. You can click Add again if you have more images you want to upload. Click Start Upload once you have added all of the images you want to upload.

start upload

8. You will see notifications at the bottom left of your screen indicating the status of the upload and when the upload is successful.

upload status

9. Click on Staging and then select Production.

switch to production view

10. Locate the image you just uploaded. Click on the three dots at the far right for the image.

production images list

11. Click View in the actions menu that appears.

actions menu for a file

You will need to convert this URL to the live server version before using it!

image with URL in new window

The staging server is sometimes changed and/or restarted, so it is not a reliable location for an image you want to use for a 25Live event.

Be sure that you know how your website is set up in case files need to be manually published to the live server or there is another process. Reach out to the person who manages your department's website for more information about your site's setup.

staging server and live server URLs

By default, your image is uploaded to a staging server (itwebstg.fullerton.edu). Most campus websites automatically move new content to the live server within one hour. Depending on how your site is set up, the hyperlink/URL for the live server is usually just a simple modification of the staging server URL.

First, check what the main URL for your website is. For example, the IT Training website is www.fullerton.edu/ittraining, but HRDI is hr.fullerton.edu.

Replace the first part of the staging server URL (everything up to \_resources) with the URL of your website. In the example above, https://itwebstg.fullerton.edu/ittraining_v4 is replaced with https://www.fullerton.edu/ittraining.

14. You can now access 25Live and copy/paste the live server URL into the appropriate field on the event.

Detail Image is the thumbnail that appears on the main calendar page at the top left corner of your event summary.

Event Image is the header image that appears above the event information on the event detail page.

Event Description Image is an image that appears in the event information on the event detail page.

Need More Help?

Please contact the IT Help Desk at [email protected] or 657-278-7777 for additional assistance.


Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.