Edit State/System Landing Pages: Landing Page Images

States/systems can create a customized, branded Transferology® landing page to help promote colleges and universities to prospective students. When navigating to Transferology through the system's referral link or badge, students will see the customized page (assuming it is published) instead of the CollegeSource-branded homepage.

States and systems must work with CollegeSource to collaboratively create the initial landing page. Once the landing page is in place, it will be maintained by users at the participating institutions with the State Coordinator role in the Lab and any other State Coordinators given access to edit the page. This article within Edit State/System Landing Pages: An Overview Guide explains how State Coordinators can make adjustments to the landing page images.

Before making changes to the landing page, please see Edit State/System Landing Pages: An Overview Guide. State Coordinators will need to determine whether to make changes to the landing page in its published or unpublished state. This article assumes that, if needed, the landing page has already been unpublished and will be republished afterward once changes are complete.

Articles in this series:

Edit State/System Landing Pages: Links overviews the process for editing the images with links that students can access to learn more about the institutions within the state/system when visiting its Transferology landing page. In addition, states/systems can customize three other images on the page:

  1. The Logo Image;
  2. The Header Image; and
  3. The Cover Image.

To change the logo, header, or cover images currently or last displayed on the landing page:

  1. Go to the School Profile menu.
  2. Select Promote Your School.

Users can also navigate to Promote Your School via the How to promote your school hyperlink within the Profile Preview.

  1. Select the State/System Template tab.
  2. Users will be presented with a message asking for affirmation that the content of the landing page is not the responsibility of CollegeSource. Images, color, and text added to this page are the responsibility of the institution, state, or system to which the page belongs.
    • Mark the checkbox in front of I agree and select Agree to continue.
  3. Scroll down to the section labeled Landing Page Images.

Logo Image

When creating the state/system landing page, State Coordinators supply a logo to appear on the Transferology landing page. For best results, use an image of 875x375 pixels. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

Callout illustrates the location of the logo image on the state system landing page.
Select to see a larger version

The image currently or last displayed on the landing page will appear under Logo Image within the template editor.

To upload a new image:

  1. Select Choose New Image.

The callout highlights the location of the Choose New Image button.

  1. Select Upload Your Own.

  1. Select Choose File to upload the image.
Image of functionality used to upload the logo image.
Select to see a larger version

  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.
Callout illustrates the locations of the cropping tools can be used to adjust the image.
Select to see a larger version
  1. When done, select Crop to preview the image under Final.
The image appears under Original and Final.
Select to see a larger version
  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Screenshot depicts uploaded image.

  1. Select the Preview Changes button at the top of the template to see how the new image will appear on the landing page.
  2. While image changes automatically save upon upload, it is a good idea to select Save Changes to save work on the landing page in case other changes were made.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

To upload a different image, select Choose New Image and repeat the steps above.

Header Image

When creating the state/system landing page, State Coordinators upload a header image or use a preselected header image that appears on the Transferology landing page.

Callout illustrates the location of the header image on the state system landing page.
Select to see a larger version

The image currently or last displayed on the landing page will appear under Header Image within the template editor.

Upload Your Own

For best results, use an image of 1200x1100 pixels. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

To upload a new image:

  1. Select Choose New Image.


  1. Select Upload Your Own.

Callout illustrates the location of the Upload Your Own button.

  1. Select Choose File to upload the image.
Image of functionality used to upload the logo image.
Select to see a larger version
  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.
Callout illustrates the locations of the cropping tools can be used to adjust the image.
Select to see a larger version
  1. When done, select Crop to preview the image under Final.
The image appears under Original and Final.
Select to see a larger version
  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Screenshot depicts uploaded image.

  1. Select the Preview Changes button at the top of the template to see how the new image will appear on the landing page.
  2. While image changes automatically save upon upload, it is a good idea to select Save Changes to save work on the landing page in case other changes were made.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

To use a different header image, select Choose New Image and:

  • Repeat the steps above if uploading an image; or
  • See the steps below for picking from preselected images.

Pick From Our Preselected Images

To choose a different picture from the image gallery:

  1. Select Choose New Image.

Callout illustrates the location of the Change New Image butotn.

  1. Select Pick From Our Preselected Images.

Callout illustrates the location of the Pick From Our Preselected Images button.

  1. Select Choose File to upload the image.
  2. Scroll through the images in the gallery.

image gallery pop-up

  1. Press Select to choose the image.
  2. Under Final, select Upload.
    • Users can also choose Select Image to return to the image gallery to select a different image.

Select Image, Upload, and Go Back buttons are displayed under Final. The callout illustrates the location of the Upload button.

  1. Confirm the image appears in the editor as below.

Final image

  1. Select the Preview Changes button at the top of the template to see how the image will appear on the landing page.
  2. While image changes automatically save upon upload, it is a good idea to select Save Changes to save work on the landing page in case other changes were made.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

To choose a different preselected image, select Choose New Image and repeat the steps above.

Cover Image

When creating the state/system landing page, State Coordinators upload a cover image or use a preselected cover image that appears on the landing page above a description of the institutions within the state/system.

Example cover photo

The image currently or last displayed on the landing page will appear under Cover Image within the template editor.

Upload Your Own

For best results, use an image of 1840x680 pixels. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

To upload an image:

  1. Select Choose New Image.

Callout illustrates the location of the Choose New Image button.

  1. Select Upload Your Own.

Callout illustrates the location of the Upload Your Own button.

  1. Select Choose File to upload the image.
Image of functionality used to upload the cover image.
Select to see a larger version
  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.
Callout illustrates the locations of the cropping tools can be used to adjust the image.
Select to see a larger version
  1. When done, select Crop to preview the image under Final.
The image appears under Original and Final.
Select to see a larger version
  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Screenshot depicts uploaded image.

To use a different cover image, select Choose New Image and:

  • Repeat the steps above if uploading an image; or
  • See the steps below for picking from preselected images.

Pick From Our Preselected Images

To choose a new picture from the image gallery:
  1. Select Choose New Image.

Callout illustrates the location of the Choose New Image button.

  1. Select Pick From Our Preselected Images.

Callout illustrates the location of the Pick From Our Preselected Images button.

  1. Scroll through the images in the gallery.

Image gallery pop up

  1. Press Select to choose the image.
  2. Under Final, select Upload.
    • Users can also choose Select Image to return to the image gallery to select a different image.

Select Image, Upload, and Go Back buttons are displayed under Final. The callout illustrates the location of the Upload button.

  1. Confirm the image appears in the editor as below.

  • Select the Preview Changes button at the top of the template to see how the image will appear on the landing page.
  • While image changes automatically save upon upload, it is a good idea to select Save Changes to save work on the landing page in case other changes were made.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

To choose a different preselected image, select Choose New Image and repeat the steps above.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us