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

Modified on Thu, Aug 24, 2023 at 9:24 AM

Heads up! This article is intended for site managers. If you're a program facilitator looking for more information about how to review 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

Image size requirements are 1000px by 600px. You can always resize your images with Canva or any other graphics or photo editor tool you prefer.

  

How to access Rotator Images

To get started: 

1. Navigate to Settings from your site manager panel. 

2. Select Rotator Images3. 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 to edit 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.

 

How to remove images

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

2. Click the (X) under Delete beside the image you wish to remove. 

How to re-order 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. 


How 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 add home page images and more!

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. 

1. From your site manager panel, navigate to Volunteerism > Programs2. 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! 

  • Your program photos display in a slideshow on the program's profile page under the program's opportunities: