Online Programs: Customizing Your Program List

11 min read
The Program List showcases previews of all your programs where visitors click to view their full details. You can decide how you want to categorize programs, adjust displayed details, or personalize layout and design.
Tip:
In this article, learn more about: 

Organizing the Program List by category

You can organize the programs on your list by category to make it easy for visitors to find what interests them. This encourages visitors to explore and join new programs, while growing your participant list.
Before you begin:
Make sure you create the categories (from your site's dashboard) and assign them to your programs.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Customize the categories and the programs in them using the available tabs:

Choosing which details to display on the Program List

Choose which info to show in each card in your Program List. You can show or hide the Program List title and details about each program like the cover image, duration, participants and price. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Display tab.
  8. Choose which details you want to display:
    • List Details: Enable the toggle to show the title on the Program List.  Note: You can edit the default "Programs" title in the Text tab
    • Program Details: Click the checkbox next to each detail you want to show on the list:
      • Image: Show the program cover image. 
      • Duration: Show the duration of your program (e.g. 18 days).
      • Participants: Show the number of participants in the program.
      • Price: Show the price of each program. 

Choosing a layout for the Program List

The Program List arranges your programs in cards in the layout you prefer. You can display the programs in a grid or stack them vertically on the page. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Layout tab.
  8. Choose a layout and set it up: 

Designing the Program List

Design the look of the Program List including its background, dividers, text style, buttons, badges, and categories. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Design tab.
  8. Choose what you want to customize:
Tip:
Click Reset to Original Design at the bottom of the panel to restore the default design settings. 

Editing text on the Program List

Edit the text on the Program List to match your voice and tone. For example, you can change the title that appears at the top of the list and the button visitors click to learn more about a program. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Text tab.
  8. Click the relevant fields to update the text:
    • List title: Edit the title that displays at the top of the list.
    • Button Text for Visitors: Edit the text that displays on the button that visitors click to join a program.
    • Button Text for Participants: Edit the text that displays on the button that participants can click to view details about the program they've joined. 
    • Participant: Edit the label text that displays for participants that have joined. 
    • Request Pending: Edit the label text that displays for participants that have a pending request to join a program. 
    • Program Completed: Edit the label text that displays for participants that have completed a program.

FAQs

We are here to help with all your questions. Click a question below to learn more.

Did this help?

|