Program Overview Pages

  • Updated

Introduction

Program Overview Pages are the public-facing pages of your program(s). For platform instances with multiple program tracks, there will be a global-level overview page as well as a program listings page of each program on the instance (included at the individual program admin's discretion). At a minimum, overview pages will include program descriptions, the ability to join if using an open enrollment workflow, and any additional pages deemed necessary to inform potential participants of role requirements or other information pertinent to the program. Global and program-level admins can add, delete and edit their program overview pages.

Why it matters: Program overview pages can be seen by anyone with a URL to your global instance or the URL to individual programs, regardless of whether or not they are participants. These pages can serve as a great promotional opportunity to recruit participants. You can both advertise your program benefits, expectations and time investment of participants. Well-informed participants are much more likely to be committed participants.

Global Overview Page

If offering multiple programs at the global level, it's a best practice to have a small card linking to each program to help potential participants locate the program that best suits them, as depicted below.

  • Clicking on 'Find out more' will take the user to that program's overview page where they can view more information about that program.
  • Clicking on 'Join now' will open a window allowing the user to begin the joining process for that program.

 

Global Program Listings Page

The global URL overview page will also have a tab for a program listings page. This page can contain any or all programs on the instance regardless of whether or not they offer open enrollment. Global admins can select whether the program listings page can be seen by:

  • All users
  • Only logged-in users
  • None

If the global admin selects one of the two visibility settings, it will be up to the individual program admins to decide whether or not they want their program to appear on this page. Program listings page settings are made at both the global level and the program level by following this navigation path:

Manage > Program Configuration > Program Settings > General Settings

The image below shows several programs on the global instance, two of which are open for joining and two that are not:

Screenshot 2024-03-19 at 8.48.39 AM.png

This description shown for each program above is provided by the program admin based on the  description they entered in the description field on their Program Settings > General Settings page.

On the same settings page, program admins can select whether or not their program appears on the program listings page:

Program Overview Pages

By default, most programs will come with at least one overview page when they're created. Some programs may have more than one overview page that can be accessed by clicking on the page tab on the top left. Admins can add, delete and edit their program overview pages.

Screenshot 2024-03-19 at 8.31.16 AM.png

Editing Program Overview Pages

Chronus provides a template for your program overview page. You can make updates to these pages to better reflect the purpose and intention of your program.

Make changes to the pages that will better inform your audience of the following:

  • The purpose of the program
  • What they can gain by participating
  • Who can participate
  • Requirements for joining

Editing text on the program overview page:

Navigation: Manage > Program Configuration > Program Overview

Step 1: Click on the edit button on the upper right above the image.

Step 2: Highlight the text you wish to change and type in your replacement text.

You can undo changes you made either by pressing Ctrl + Z on Windows or Command + Z on Mac, should you make a mistake. If you want to cancel your changes entirely, simply click the 'Cancel' button at the bottom right of the screen.

Step 3: Update page
Scroll down to the bottom of the page and click the 'Update' button to save your changes. This will take you out of edit mode and allow you to view your changes. The page is now updated for your users.

Changing the background/hero image:

 

Step 1: Prepare your image file

  • Dimensions: 450 x 980 pixels
  • File format: .JPG, .JPEG, or .PNG
  • Size: Under 2 MB in file size.

If the image does not fit those dimensions, you can resize the image using most default operating system image editors, such as Preview or Paint. Note that if the image does not fit these dimensions, the image will auto-shift its center, changing the focal point of the image.

 

Step 2: Click the Insert Image icon  Screenshot 2024-03-20 at 6.26.24 PM.png and add your image

In the text toolbar, click the 'Insert Image' icon to reveal the 'Drop Image' window. Drag and drop your image from your desktop or click into the box to browse for your image and click on it to select:

Screenshot 2024-03-20 at 6.01.58 PM.png

 

Step 3: Click the Replace icon  Screenshot 2024-03-20 at 6.21.56 PM.png

A small version of your image will appear in the center of the window along with its own toolbar. Click the 'Replace' icon on the upper left:

Screenshot 2024-03-20 at 6.18.40 PM.png

 

Step 4: Copy new image URL

By clicking the Replace icon as shown above, your image window opens again. On the second tab with the link icon, you'll see your new image's URL link. What you have effectively done at this point is create a URL link for you to paste into the source code. Copy this link. Do not click 'Replace'.

Once you've copied this link, scroll to the bottom and click 'Cancel'.


Screenshot 2024-03-20 at 8.09.51 PM.png

 

Step 5: Click on the Source Code icon  Screenshot 2024-03-20 at 8.33.56 PM.png  and paste image URL

Click on the Source Code icon to open the page displaying the lines of code that have created the overview page. Scroll to the bottom of the page to find the current image URL that you will be replacing.

You'll find the image URL on the "background image" line. The link you will replace is within quotes and starts with "https" as shown below.

Highlight to cut and paste your new image URL Link!

Screenshot 2024-03-20 at 9.42.19 PM.png

Creating New Program Overview Pages

Some programs may wish to create new overview pages to provide additional context for their programs or participants, such as providing expectations and/or criteria to be met by individuals seeking specific roles.

Navigation: Manage > Program Configuration > Program Overview > click the 'Add new page' button.

 

Frequently Asked Questions (FAQ)

Can Chronus customize these pages for me?

Most custom program overview page designs will require an additional fee. Please reach out to your account manager or account executive for further information.

What about making small changes?

Some small changes may be possible, such as changing a font color or background image. Alterations beyond these smaller asks would fall under the designation of custom work, as defined in the question above.

Can I program the 'Join Now' button to email the admin?

Yes, when in edit mode on the program overview page, click in the 'Join Now' button. A small window will open - click on the pencil icon to edit. Add the email address in the URL field, click 'OK' on the window, and then 'Update' at the bottom right. You can also change the text on the button her as well by typing into the 'Display Text' field shown below:

Screenshot 2024-04-09 at 4.20.46 PM.png

Was this article helpful?

3 out of 4 found this helpful

Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.