Rotator Images, Homepage Images, and Program Images: A Guide for Site Managers

Created by Brittany Crow, Modified on Thu, 24 Aug 2023 at 09:25 AM by Brittany Crow

Heads up! This article is intended for site managers. If you're an advanced program manager looking for information about managing your programs, click here. If you're a program facilitator looking for information about reviewing your programs, click here.

Another great way to personalize your site is with images and photos! With the Rotator Images tool, you can upload as many images and photos to your site as you like and include links to the images in the rotator. Another way to personalize your site is by adding a home page image and uploading images to your programs! In this article, we cover: 

What are Rotator Images? 

Rotator Images is a tool that lets you upload images that cycle through a rotation. Visitors to your site can click through them or watch them like a slideshow. These are great for:

  • Highlighting important pages on your site
  • Showcasing volunteer opportunities
  • Sharing upcoming events

While you can upload as many images or photos as you like, we do recommend only uploading between 10-12 images or photos. This just ensures that the most important information isn't buried in the slideshow. 

Size requirements

Images must be 1000px by 600px. We love using and recommending Canva; however, you can use any photo editor of your choice for resizing images before uploading. 

How do I add images? 

To access Rotator Images:

1. Navigate to Settings from your site manager panel. 

2. Select Rotator Images

✏️ Quick tip: Don't forget to resize your images to 1000px by 600px

3. To upload an image, click Upload Image

4. Either double-click the image you want to upload or select it and click Open

5. If you want to include a URL, copy and paste one in the Target URL field. 6. Select Add New Image and your new image will appear on the main dashboard of your site:

How do I edit my images? 

You can always remove, re-order, or edit the image URLs you've uploaded. If you have a lot of events or opportunities, you may want to update this frequently, since the rotator images are on the main dashboard when a volunteer logs into your site. 

To remove the images:

1. From your site manager panel, select Settings > Rotator Images

2. Click the (X) under Delete beside the image you wish to remove. To re-order the images: 

1. Click and drag the three lines to the left of each image. 

2. You can reorder them by clicking and dragging them to wherever you want them in the slideshow lineup. To edit an image's URL: 

1. Click Edit to the right of the image—under Target URL

2. A new field will appear that you can copy and paste the URL into. 

3. Click Update to save your changes. 

How to upload home page images

Rotator Images are great for highlighting important information on your site, but you can also personalize your home page and programs with images!

How to add an image to your homepage

You can add an image to your home page from your main site settings: 

1. Navigate to Settings from the top menu of your site manager panel. 

2. Click Main Settings

3. Under Site Design, scroll down to Home Page

4. Click Choose File and either double-click the image you want to upload or select it and click Open5. Be sure to click Update Settings to save your changes! 

The home page image appears under the site banner on the front end of your site when a user signs up or logs in. 

✏️ Quick tip: You can remove or update the image by checking the box under the image that says check to remove image and then click Update Settings to save those changes.

How to add images to a program

You can also personalize your programs with images. This is a great way to show your organization's story and illustrate what users can expect from volunteering for an opportunity with one of your programs! You'll have to create a program first before you can add any images to it. 

To start personalizing your programs with images: 

1. From your site manager panel, navigate to Volunteerism > Programs. 2. Select the program you want to add images to from the table. 

3. Scroll to the bottom of the Edit Program page until you see Photos

4. Either click Add New Photo or drag and drop the files you wish to upload from your desktop. 5. If you click Add New Photo, you can either double-click the photo you want to upload or select it and click Open

6. A pop-up appears, asking you to refresh your page. Select Refresh Now to view or remove your photos. Be sure to save any changes you made to that program before you refresh the page!  So you know: Your program photos display in a slideshow on the program's profile page under the program's opportunities: